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í


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'
     />

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 .


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'
          />
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.