React-Native no puede escribir la primera letra sin mayúsculas

91

Tengo algunos problemas con react-native. Tengo un componente de entrada (como un campo de texto) para que el usuario ingrese su dirección de correo electrónico, pero el caso es que, la primera letra siempre viene como letra mayúscula predeterminada y es imposible que no sea mayúscula. ¿Cómo puedo cambiarlo como si la primera letra también fuera pequeña?ingrese la descripción de la imagen aquí

Ali Zeynalov
fuente
4
Ya lo resolví con "autoCapitalize" :) ¡Gracias a todos! ¡Que tengan un buen día, chicos!
Ali Zeynalov

Respuestas:

209

TextInput tiene esto para manejar usando

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

por ejemplo, prueba así

<TextInput
     placeholder=""
     placeholderTextColor='rgba(28,53,63, 1)'
     autoCapitalize = 'none'
     value ='test'
     />
Deporte
fuente
1
gracias me ayudó mucho.
Biplov Kumar
5

Si tiene un problema TextInputpara convertir todas las letras en mayúsculas, puede usar autoCapitalize = 'characters'y si desea que solo los primeros caracteres estén en mayúsculas, use autoCapitalize = 'words'. Sin embargo, asegúrese de no establecer la propiedad de tipo de teclado .

Vishal Dhaduk
fuente
2

Asegúrese de que la propiedad autoCorrectsea false. De esta forma, no capitalizará el primer carácter del correo electrónico. También al configurar el keyboardTypepara email-addressmuestra el teclado con una opción @ accesible. Así es como lo haría yo:

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