Реагируйте как изменить размер и цвет входных данных secureTextEntry

Question

Поэтому у меня есть пароль, как показано ниже:

<TextInput
   name="Password"
   type="password"
   mode="outline"
   secureTextEntry={true}
   style={styles.inputStyle}
   autoCapitalize="none"
   autoFocus={true}       
/> 

и применить этот стиль к нему:

inputStyle { 
   fontSize: 30,
   color: '#333',
   fontWeight: '900'
}

Но кажется, что эти стили на самом деле не применяются для ввода. Однако, как только я удаляю secureTextEntry={true} реквизит, это будет произведено. Поэтому я думаю, что стилизация балетов с паролями - это какая-то разница, есть идеи, как мне этого добиться?

Answer 1

Так что для цвета я использовал textColor prop, который работает нормально, и по некоторым причинам, когда мы передаем fontSize по стилю, а не перезаписываем его по умолчанию, то, что я сделал, чтобы исправить это, я определяю пропущенную fontSize:

export interface TextInputContainerProps {
    ... // Some other props
    fontSize?: number;
}

а затем передать его TextInput составная часть:

<TextInput {...props} style={[...props.style, { fontSize }]}
    editable={editable} />