Bagaimana Anda mengatur gaya TextInput di react native untuk input kata sandi

Saya memiliki TextInput. Alih-alih menampilkan teks sebenarnya yang dimasukkan, saya ingin menampilkan tanda bintang (****) saat pengguna memasukkan teks. Bagaimana saya bisa melakukan ini?

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

Ketika ditanya, tidak ada cara untuk melakukannya secara asli, namun ini akan ditambahkan pada sinkronisasi berikutnya sesuai dengan ini permintaan tarik . Berikut adalah komentar terakhir pada permintaan tarik - "Mendarat secara internal, akan keluar pada sinkronisasi berikutnya"

Ketika ditambahkan Anda akan dapat melakukan sesuatu seperti ini

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

ref

Mei 2018 react-native versi 0.55.2

secureTextEntry = {true} berfungsi

password = {true} tidak berfungsi

Cukup tambahkan baris di bawah ini ke <TextInput>

secureTextEntry={true}

Saya harus menambahkan:

secureTextEntry={true}

Bersama

password={true}

Mulai 0,55

Menambahkan

secureTextEntry={true}

atau hanya

secureTextEntry 

properti di TextInput Anda.

Contoh Kerja:

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

Sebuah TextInput harus menyertakan secureTextEntry = {true}, perhatikan bahwa dokumen dari React menyatakan bahwa Anda tidak boleh menggunakan multiline = {true} pada saat yang sama, karena kombinasi itu tidak didukung.

Anda juga bisa menyetel textContentType = {'password'} untuk mengizinkan bidang mengambil kredensial dari rantai kunci yang disimpan di ponsel Anda, cara alternatif untuk memasukkan kredensial jika Anda mendapat masukan biometrik di ponsel untuk memasukkan kredensial dengan cepat. Seperti FaceId di iPhone X atau input sentuh sidik jari pada model iPhone dan Android lainnya.

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

Sedikit plus:

version = RN 0.57.7

secureTextEntry={true}

tidak bekerja saat keyboardTypeitu "phone-pad"atau"email-address"

Anda bisa mendapatkan contoh dan kode contoh di situs resminya, sebagai berikut:

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

Referensi: http://facebook.github.io/react-native/docs/textinput.html

Saya menggunakan 0.56RC secureTextEntry = {true} Selain password = {true}, hanya berfungsi seperti yang disebutkan oleh @NicholasByDesign