React-Native non può scrivere la prima lettera senza maiuscole


97

Ho qualche problema con React-Native. Ho un componente di input (come il campo di testo) per consentire all'utente di inserire il suo indirizzo e-mail, ma il fatto è che la prima lettera viene sempre come predefinita per la lettera maiuscola ed è impossibile renderla non maiuscola. Come posso cambiarlo in modo che anche la prima lettera possa essere piccola?inserisci qui la descrizione dell'immagine


4
L'ho già risolto con "autoCapitalize" :) Grazie a tutti! Buona giornata, ragazzi!
Ali Zeynalov

Risposte:


220

TextInput ha questo da gestire usando

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

per esempio prova in questo modo

<TextInput
     placeholder=""
     placeholderTextColor='rgba(28,53,63, 1)'
     autoCapitalize = 'none'
     value ='test'
     />

7

Assicurati che la proprietà autoCorrectsia false. In questo modo non renderà maiuscolo il primo carattere dell'email. Anche impostando il keyboardTypesu viene email-addressvisualizzata la tastiera con un'opzione @ accessibile. Ecco come farei:

          <TextInput
            textContentType='emailAddress'
            keyboardType='email-address'
            autoCapitalize='none'
            autoCorrect={false}
            autoCompleteType='email'
          />

5

Se hai un problema con il TextInputrendere tutte le lettere maiuscole, puoi usare autoCapitalize = 'characters'e se vuoi che solo i primi caratteri siano maiuscoli, usa autoCapitalize = 'words'. Tuttavia, assicurati di non impostare la proprietà del tipo di tastiera .

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.