【问题标题】:react-native textinput securetextentry star instead of dotsreact-native textinput securetextentry 星而不是点
【发布时间】:2018-11-13 20:45:24
【问题描述】:

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

【问题讨论】:

  • 您找到解决方案了吗?

标签: react-native textinput


【解决方案1】:

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

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

在 SecureInput 上,您可以 &lt;TextInput/&gt; 将值作为每个字符的星号

【讨论】:

  • 这将需要维护两个值,原始和星号,然后将新字符逐个字符地放入原始值,然后用星号替换。这将是不必要的工作。我想,也许 RN 提供了一种定制它的方法。
  • 不错的答案,但 RN 需要通过 API 提供更好的解决方案
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2022-08-08
  • 1970-01-01
  • 2020-06-06
  • 2016-03-09
  • 2018-09-11
  • 1970-01-01
  • 2017-08-13
相关资源
最近更新 更多