React Native 如何更改 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} />

React Native 如何更改 secureTextEntry 输入的大小和颜色

React Native how change size & color of secureTextEntry inputs

javascript

reactjs

css

react-native

react-native-textinput