¿Cómo se diseña un TextInput en reacción nativa para ingresar contraseña?

Tengo una entrada de texto. En lugar de mostrar el texto real ingresado, cuando el usuario ingresa texto, quiero que muestre los puntos/asteriscos ( ****) de la contraseña que normalmente se ven en las aplicaciones al escribir una contraseña. ¿Cómo puedo hacer esto?

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

Mar 30 '15 09:03 bwbrowning

Cuando se preguntó esto, no había una manera de hacerlo de forma nativa; sin embargo, esto se agregará en la próxima sincronización de acuerdo con esta solicitud de extracción. Aquí está el último comentario sobre la solicitud de extracción: "Aterrizó internamente, saldrá en la próxima sincronización".

Cuando se agregue podrás hacer algo como esto.

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

árbitros

Mar 30 '2015 02:03 Riley Bracken

Mayo de 2018 versión nativa de reacción 0.55.2

Esto funciona bien:

secureTextEntry={true}

Y esto ya no funciona:

password={true}

May 12 '2018 20:05 mediaguru

Simplemente agregue la línea a continuación al<TextInput>

secureTextEntry={true}

Sep 20 '2019 11:09 Curious96

Agregar

secureTextEntry={true}

o solo

secureTextEntry

propiedad en su TextInput.

Ejemplo de trabajo:

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

Jul 08 '2018 08:07 Rohan K