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道具，该道具很好用，由于某些原因，当我们通过样式传递fontSize时，实际上并没有覆盖默认值，因此，为了解决这个问题，我定义了fontSize道具：

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

然后将其传递到TextInput组件：

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

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

1 个答案: