Как вы стилизуете TextInput в React Native для ввода пароля

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

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

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

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

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

реф.

Реагировать на версию 0.55.2, май 2018 г.

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

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

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

secureTextEntry={true}

Пришлось добавить:

secureTextEntry={true}

Вместе с

password={true}

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

Добавить

secureTextEntry={true}

или просто

secureTextEntry 

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

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

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

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' />

Маленький плюс:

version = RN 0.57.7

secureTextEntry={true}

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

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

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

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

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