React-Native ne peut pas écrire la première lettre avec non-capital

91

J'ai quelques problèmes avec React-Native. J'ai un composant d'entrée (comme un champ de texte) pour que l'utilisateur saisisse son adresse e-mail, mais le fait est que la première lettre est toujours en majuscule par défaut et qu'il est impossible de la rendre non-majuscule. Comment puis-je le changer comme la première lettre peut également être petite?entrez la description de l'image ici

Ali Zeynalov
la source
4
Je l'ai déjà résolu avec "autoCapitalize" :) Merci à tous! Passez une bonne journée, les gars!
Ali Zeynalov

Réponses:

209

TextInput doit gérer cela en utilisant

autoCapitalize enum('none', 'sentences', 'words', 'characters')  

par exemple essayez comme ça

<TextInput
     placeholder=""
     placeholderTextColor='rgba(28,53,63, 1)'
     autoCapitalize = 'none'
     value ='test'
     />
sport
la source
1
thanks.it a beaucoup aidé.
Biplov Kumar
5

Si vous rencontrez un problème TextInputpour rendre toutes les lettres majuscules, vous pouvez utiliser autoCapitalize = 'characters'et si vous souhaitez que seuls les premiers caractères soient en majuscules, utilisez autoCapitalize = 'words'. Cependant, assurez-vous de ne pas définir la propriété de type de clavier .

Vishal Dhaduk
la source
2

Assurez-vous que la propriété autoCorrectest false. De cette façon, il ne mettra pas en majuscule le premier caractère du courrier électronique. Le réglage de keyboardTypesur email-addressaffiche également le clavier avec une option @ accessible. Voilà comment je ferais:

          <TextInput
            textContentType='emailAddress'
            keyboardType='email-address'
            autoCapitalize='none'
            autoCorrect={false}
            autoCompleteType='email'
          />
Matheus Câmara
la source