Как вы вписываете TextInput в реакцию native для ввода пароля

У меня есть TextInput, который я хочу содержать... когда пользователь вводит текст вместо того, чтобы показывать введенный текст. Каков наилучший способ сделать это?

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

Ответ 1

Когда это было спрошено, не было способа сделать это изначально, однако это будет добавлено в следующую синхронизацию в соответствии с этим запросом на pull. Вот последний комментарий к запросу на растяжение - "Приземлился внутри, выйдет на следующую синхронизацию"

Когда он будет добавлен, вы сможете сделать что-то вроде этого

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

refs

Ответ 2

Май 2018 г. Реактивная версия 0.55.2

secureTextEntry = {true} работает

пароль = {true} не работает

Ответ 3

Я должен был добавить:

secureTextEntry={true}

Вместе с

password={true}

По состоянию на 0,55

Ответ 4

добавлять

secureTextEntry={true}

или просто

secureTextEntry

свойство в вашем TextInput.

Рабочий пример:

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

Ответ 5

Вы можете получить пример и пример кода на официальном сайте, как показано ниже:

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

Ссылка: http://facebook.github.io/react-native/docs/textinput.html

Ответ 6

TextInput должен включать secureTextEntry = {true}, обратите внимание, что документы React указывают, что вы не должны использовать multiline = {true} одновременно, так как эта комбинация не поддерживается.

Вы также можете установить textContentType = {'password'}, чтобы поле могло получать учетные данные из цепочки для ключей, хранящейся на вашем мобильном телефоне, - альтернативный способ ввода учетных данных, если на вашем мобильном телефоне есть биометрический ввод для быстрой вставки учетных данных. Например, FaceId на iPhone X или сенсорный ввод отпечатков пальцев на других моделях iPhone и Android.

 <TextInput value={this.state.password} textContentType={'password'} multiline={false} secureTextEntry={true} onChangeText={(text) => { this._savePassword(text); this.setState({ password: text }); }} style={styles.input} placeholder='Github password' />

Ответ 7

Небольшой плюс:

version = RN 0.57.7

secureTextEntry={true}

не работает, когда keyboardType был "phone-pad" или "email-address"

Ответ 8

Просто добавьте строку ниже к <TextInput>

secureTextEntry={true}

Ответ 9

Я использую 0.56RC secureTextEntry = {true} Наряду с паролем = {true}, тогда только его работа, как упомянуто @NicholasByDesign