React-Native não pode escrever a primeira letra com não capital


97

Eu tenho alguns problemas com reagentes nativos. Eu tenho um componente de entrada (como campo de texto) para o usuário inserir seu endereço de e-mail, mas o fato é que, a primeira letra sempre vem como letra maiúscula padrão e é impossível torná-la não maiúscula. Como posso alterá-lo como se a primeira letra também pudesse ser pequena?insira a descrição da imagem aqui


4
Já resolvi com "autoCapitalize" :) Obrigado a todos! Tenham um bom dia, pessoal!
Ali Zeynalov

Respostas:


220

TextInput tem que lidar com isso usando

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

por exemplo, tente assim

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

7

Certifique-se de que a propriedade autoCorrecté false. Dessa forma, o primeiro caractere do email não será capitalizado. Definir também keyboardTypecomo email-addressmostra o teclado com uma opção @ acessível. É assim que eu faria:

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

5

Se você tiver problemas TextInputpara colocar todas as letras em maiúsculas, poderá usar autoCapitalize = 'characters'e, se quiser que apenas os primeiros caracteres sejam maiúsculos, use autoCapitalize = 'words'. No entanto, certifique-se de não definir a propriedade do tipo de teclado .

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.