webentwicklung-frage-antwort-db.com.de

Wie formatieren Sie einen TextInput für die Kennworteingabe?

Ich habe einen TextInput, den ich enthalten möchte, wenn der Benutzer Text eingibt, anstatt den tatsächlich eingegebenen Text anzuzeigen. Was ist der beste Weg, dies zu tun?

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

Als dies gefragt wurde, gab es keine Möglichkeit, dies nativ zu tun, dies wird jedoch bei der nächsten Synchronisierung gemäß this pull request ... hinzugefügt , wird bei der nächsten Synchronisation erscheinen "

Wenn es hinzugefügt wird, können Sie so etwas tun

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

refs

138
Riley Bracken

Mai 2018 Reag-native Version 0.55.2

secureTextEntry = {true} funktioniert

password = {true} funktioniert nicht

9
mediaguru

Ich musste hinzufügen:

secureTextEntry={true}

Zusammen mit 

password={true}

Stand von 0.55

2

Sie können den Beispiel- und Beispielcode auf der offiziellen Website wie folgt erhalten:

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

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

2
Richard Lee

Hinzufügen 

secureTextEntry={true}

oder nur

secureTextEntry 

eigenschaft in Ihrem TextInput.

Arbeitsbeispiel:

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

Ich verwende 0.56RC secureTextEntry = {true}. Mit password = {true} Dann funktioniert es nur wie von @NicholasByDesign erwähnt

0
Ramusesan

Ein kleines Plus:

version = RN 0.57.7

secureTextEntry={true}

funktioniert nicht, wenn keyboardType"phone-pad" oder "email-address" war

0
qloveshmily

Ein TextInput muss secureTextEntry = {true} enthalten. Beachten Sie, dass die Dokumente von React angeben, dass Sie multiline = {true} nicht gleichzeitig verwenden dürfen, da diese Kombination nicht unterstützt wird. 

Sie können auch textContentType = {'password'} festlegen, damit das Feld Anmeldeinformationen aus dem auf Ihrem Mobiltelefon gespeicherten Schlüsselbund abrufen kann. Dies ist eine alternative Methode zur Eingabe von Anmeldeinformationen, wenn Sie auf Ihrem Mobiltelefon biometrische Daten eingegeben haben, um die Anmeldeinformationen schnell einzufügen. Wie FaceId auf dem iPhone X oder Fingerabdruck-Eingabe auf anderen iPhone-Modellen und 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' />
0
Tore Aurstad