React-Native nie może pisać pierwszej litery bez wielkich liter


91

Mam problemy z rodzimym reagowaniem. Mam komponent wejściowy (taki jak pole tekstowe), w którym użytkownik może wprowadzić swój adres e-mail, ale chodzi o to, że pierwsza litera zawsze jest domyślną wielką literą i nie można jej zmienić na inną. Jak mogę to zmienić, tak jak pierwsza litera może być również mała?wprowadź opis obrazu tutaj


4
Rozwiązałem to już za pomocą "autoCapitalize" :) Dziękuję wszystkim! Miłego dnia!
Ali Zeynalov

Odpowiedzi:


209

TextInput ma to do obsługi przy użyciu

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

na przykład spróbuj w ten sposób

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

1
dzięki. to bardzo pomogło.
Biplov Kumar

5

Jeśli masz problem z TextInputpisaniem wielkich liter, możesz użyć, autoCapitalize = 'characters'a jeśli chcesz, aby tylko pierwsze znaki były wielkie, użyj autoCapitalize = 'words'. Upewnij się jednak, że nie ustawiłeś właściwości typu klawiatury .


2

Upewnij się, że właściwość autoCorrectjest false. W ten sposób pierwszy znak wiadomości e-mail nie będzie zamieniany na wielką. Również ustawienie, keyboardTypeaby email-addresswyświetlić klawiaturę z dostępną opcją @ . Tak bym zrobił:

          <TextInput
            textContentType='emailAddress'
            keyboardType='email-address'
            autoCapitalize='none'
            autoCorrect={false}
            autoCompleteType='email'
          />
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.