react-native textinput securetextentry 星而不是点

Posted 2023-04-18

【中文标题】react-native textinput securetextentry 星而不是点

【英文标题】：react-native textinput securetextentry star instead of dots

【发布时间】：2018-11-13 20:45:24

【问题描述】：

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

【问题讨论】：

您找到解决方案了吗？

【参考方案1】：

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

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

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

【讨论】：

这将需要维护两个值，原始和星号，然后将新字符逐个字符地放入原始值，然后用星号替换。这将是不必要的工作。我想，也许 RN 提供了一种定制它的方法。

不错的答案，但 RN 需要通过 API 提供更好的解决方案