react-native - react-native textinput securetextentry 星而不是点

Question

当secureTextEntry为真时，有没有办法在react-native中改变textInput的样式。我想显示星星（*）而不是隐藏文本的点。

标签： react-nativetextinput

Answer 1

您可以实现自己的 TextInput，这是一个呈现 textInput 的组件，但根据输入的长度将值更改为 *，您可以将其存储在状态中

<SecureInput value = {this.state} onTextChange = {callbackToUpdateState}/>

在 SecureInput 上，您可以<TextInput/>将值作为值的每个字符的星号