Comment avez-vous style un TextInput à réagir natif de saisie de mot de passe

J'ai un TextInput que je veux pour contenir les ... trucs lorsque l'utilisateur saisit du texte, au lieu d'afficher le texte saisi. Quel est le meilleur moyen pour ce faire?

<TextInput
style={{height: 40, borderColor: 'gray', borderWidth: 1}}
onChangeText={(text) => this.setState({input: text})}
      />
InformationsquelleAutor bwbrowning | 2015-03-30
  1. 174

    Lorsque cela a été demandé il n'y avait pas un moyen de le faire en natif, mais ce sera ajoutée lors de la prochaine synchronisation selon cette pull request.
    Voici le dernier commentaire sur le pull request - "a Atterri à l'interne, sera lors de la prochaine synchronisation"

    Lorsqu'il est ajouté, vous serez en mesure de faire quelque chose comme ceci

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

    refs

    • merci, donc, jusqu'à ce qui est fusionné, quelles sont les autres options? Je devine que facebook fait la même chose pour les connexions à leurs propres applications.
    • J'étais à la recherche en elle aujourd'hui, c'est comment j'ai constaté que la demande d'extraction. Ils disent qu'ils ont seulement 2 applications qui sont 100% Réagir Natif. La touche F8 application, elle s'ouvre dans une nouvelle fenêtre vous demandant l'autorisation. Facebook Ads a la fonctionnalité que nous sommes à la recherche pour, mais je pense que presque ils ont enveloppé Objective-C pour elle. Une autre façon de faire serait de stocker la chaîne et à chaque fois que l'entrée des mises à jour de remplacer le dernier caractère de la ... des trucs :).
    • il devrait être fusionné bientôt; longtemps avant de les déployer que j'avais mise.
    • Merci beaucoup...:)
    • Merci beaucoup !! 😀
    InformationsquelleAutor Riley Bracken
  2. 14

    Mai 2018
    réagir-version native 0.55.2

    secureTextEntry={vrai} œuvres

    mot de passe={vrai} ne fonctionne pas

    InformationsquelleAutor mediaguru
  3. 5

    J'ai dû ajouter:

    secureTextEntry={true}

    Avec 

    password={true}

    Que de 0,55

    InformationsquelleAutor NicholasByDesign
  4. 4

    Ajouter 

    secureTextEntry={true}

    ou tout simplement

    secureTextEntry

    propriété dans votre TextInput.

    De Travail Exemple:

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

    Vous pouvez obtenir de l'exemple et les exemples de code sur le site officiel, comme suit:

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

    Référence: http://facebook.github.io/react-native/docs/textinput.html

    • Oui, je l'ai vu ainsi. Mais pour moi, c'est seulement en travaillant avec secureTextEntry={true} .
    • juste le mot de passe={vrai} ne fonctionne pas pour moi non plus
    • Juste la mise à niveau vers la dernière version stable(0.8.0) et password={true} fonctionne.
    • ne fonctionne pas pour moi
    InformationsquelleAutor Richard Lee
  6. 1

    Un TextInput doit inclure secureTextEntry={true}, note que les docs de Réagir état que vous ne devez pas utiliser multiline={vrai} dans le même temps, que cette combinaison n'est pas pris en charge.

    Vous pouvez également définir textContentType={mot de passe} pour permettre le terrain pour récupérer les informations d'identification de la chaîne de clés stockées sur votre mobile, une autre façon d'entrer les informations d'identification si vous avez biométrique d'entrée sur votre mobile pour insérer rapidement des informations d'identification. Comme FaceId sur l'iPhone, l'X ou de l'empreinte digitale touch entrée sur d'autres modèles d'iPhone et d'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' />
    InformationsquelleAutor Tore Aurstad
  7. 1

    Un peu plus:

    version = RN 0.57.7

secureTextEntry={true}

    ne fonctionne pas lorsque le keyboardType était "phone-pad" ou "email-address"

    InformationsquelleAutor qloveshmily
  8. 0

    Je suis en utilisant 0.56 RC secureTextEntry={vrai} avec mot de passe={vrai}
    alors seulement son travail, comme mentionné par @NicholasByDesign

    InformationsquelleAutor Ramusesan