因此,我输入了如下密码:

<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}道具,它就会生效。因此,我认为密码芭蕾的样式有所不同,您知道如何实现吗?

最佳答案

因此,对于颜色,我使用了textColor属性,它可以正常工作,并且由于某些原因,当我们通过样式传递fontSize时,实际上并没有覆盖默认值,因此,为了解决这个问题,我定义了fontSize属性:

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


然后将其传递给TextInput component:

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

关于javascript - React Native如何更改secureTextEntry输入的大小和颜色,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/54516569/

10-12 00:50