你如何设置TextInput的样式in native native for password input

Question

我有一个TextInput，当用户输入文本而不是显示输入的实际文本时，我想要包含...的东西。这是最好的方法吗？

<TextInput
style={{height: 40, borderColor: 'gray', borderWidth: 1}}
onChangeText={(text) => this.setState({input: text})}
      />

Answer 1

当问到这个问题时，原本无法做到这一点，但是根据this拉取请求，这将在下次同步时添加。 这是关于拉取请求的最后一条评论 - “内部登陆，将在下次同步时退出”

添加后，您将可以执行此类操作

<TextInput secureTextEntry={true} style={styles.default} value="abc" />

refs

Answer 2

2018年5月 react-native版本0.55.2

secureTextEntry = {true}正常工作

password = {true}不起作用

Answer 3

我不得不补充道：

secureTextEntry={true}

与

一起

password={true}

截至0.55

Answer 4

只需将下面的行添加到<TextInput>

secureTextEntry={true}

Answer 5

添加

secureTextEntry={true}

或者只是

secureTextEntry 

TextInput中的属性。

工作示例：

<TextInput style={styles.input}
           placeholder="Password"
           placeholderTextColor="#9a73ef"
           returnKeyType='go'
           secureTextEntry
           autoCorrect={false}
/>

Answer 6

您可以在官方网站上获取示例和示例代码，如下所示：

<TextInput password={true} style={styles.default} value="abc" />

参考：http://facebook.github.io/react-native/docs/textinput.html

Answer 7

TextInput必须包含secureTextEntry = {true}，请注意，React的文档中您不得同时使用multiline = {true}，因为不支持该组合。

您还可以设置textContentType = {'password'}，以允许该字段从手机上存储的钥匙串中检索凭证，这是输入凭证的另一种方法，如果您在手机上获得了生物特征输入以快速插入凭证。例如iPhone X上的FaceId或其他iPhone机型和Android上的指纹触摸输入。

someValidationLogic()

Answer 8

一点点：

version = RN 0.57.7

secureTextEntry={true}

在keyboardType为"phone-pad"或"email-address"时不起作用

Answer 9

如果您添加了 secureTextEntry={true} 但不起作用，请检查 multiline={true} 属性，因为如果它为 true，则 secureTextEntry 不起作用。

Answer 10

<TextInput
  placeholderTextColor={colors.Greydark}
  placeholder={'Enter Password'}
  secureTextEntry={true} />

Answer 11

我正在使用0.56RC secureTextEntry = {true}和密码= {true} 那么只能按照@NicholasByDesign提到的那样工作

Answer 12

看这里..

secureTextEntry 默认为 true，要使其为 false，请执行此操作 secureTextEntry={flase}