Bir TextInput'u parola girişi için yerel tepkide nasıl biçimlendirirsiniz?

Bir TextInput'um var. Girilen gerçek metni göstermek yerine, kullanıcı metin girdiğinde yıldız işaretleri (****) göstermesini istiyorum. Bunu nasıl yapabilirim?

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

Bu sorulduğunda, bunu yerel olarak yapmanın bir yolu yoktu, ancak bu, bu çekme isteğine göre bir sonraki senkronizasyonda eklenecek . İşte çekme isteğiyle ilgili son yorum - "Dahili olarak indirildi, bir sonraki senkronizasyonda çıkacak"

Eklendiğinde bunun gibi bir şey yapabileceksiniz

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

referanslar

Mayıs 2018 react-native 0.55.2 sürümü

secureTextEntry = {true} çalışır

password = {true} çalışmıyor

Aşağıdaki satırı <TextInput>

secureTextEntry={true}

Eklemek zorundaydım:

secureTextEntry={true}

İle birlikte

password={true}

0.55 itibariyle

Ekle

secureTextEntry={true}

ya da sadece

secureTextEntry 

TextInput öğenizdeki özellik.

Çalışma Örneği:

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

Bir TextInput, secureTextEntry = {true} içermelidir, bu kombinasyon desteklenmediği için, React belgelerinin aynı anda multiline = {true} kullanmamanız gerektiğini belirttiğini unutmayın.

Ayrıca, alanın cep telefonunuzda depolanan anahtar zincirinden kimlik bilgilerini almasına izin vermek için textContentType = {'password'} değerini de ayarlayabilirsiniz; bu, cep telefonunuzda hızlı bir şekilde kimlik bilgilerini eklemek için biyometrik girişiniz varsa kimlik bilgilerini girmenin alternatif bir yoludur. İPhone X'teki FaceId veya diğer iPhone modellerinde ve Android'de parmak izi dokunmatik girişi gibi.

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

Biraz artı:

version = RN 0.57.7

secureTextEntry={true}

ne zaman çalışmıyor keyboardTypeoldu "phone-pad"ya"email-address"

Örneği ve örnek kodu resmi siteden aşağıdaki şekilde alabilirsiniz:

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

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

0.56RC secureTextEntry = {true} Password = {true} ile birlikte, @NicholasByDesign tarafından belirtildiği gibi yalnızca çalışıyor