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

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

0 голосов
/ 04 февраля 2019

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

<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}, это произойдет.Так что я думаю, что стилизация балетов с паролями - это какая-то разница, есть идеи, как мне этого добиться?

1 Ответ

0 голосов
/ 07 февраля 2019

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

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

и затем передайте его компоненту TextInput: 

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