javascript - 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 Prop :

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

然后将其传递给 TextInput 组件:

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