React-Native tidak dapat menulis huruf pertama dengan noncapital


91

Saya mengalami masalah dengan react-native. Saya memiliki komponen Input (seperti textfield) bagi pengguna untuk memasukkan alamat emailnya, tetapi masalahnya, huruf pertama selalu muncul sebagai default huruf kapital dan tidak mungkin menjadikannya bukan huruf kapital. Bagaimana saya bisa mengubahnya seperti huruf pertama bisa jadi kecil juga?masukkan deskripsi gambar di sini


4
Saya sudah menyelesaikannya dengan "autoCapitalize" :) Terima kasih, semuanya! Semoga harimu menyenangkan, guys!
Ali Zeynalov

Jawaban:


209

TextInput memiliki ini untuk ditangani menggunakan

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

misalnya coba seperti ini

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

1
terima kasih. itu banyak membantu.
Biplov Kumar

5

Jika Anda memiliki masalah dengan TextInputmembuat semua huruf menjadi huruf besar maka Anda dapat menggunakan autoCapitalize = 'characters'dan jika Anda hanya ingin karakter pertama menjadi huruf besar maka gunakan autoCapitalize = 'words'. Namun, pastikan Anda tidak menyetel properti jenis keyboard .


2

Pastikan bahwa properti autoCorrecttersebut false. Dengan cara ini tidak akan memanfaatkan karakter email pertama. Juga menyetel keyboardTypeuntuk email-addressmenampilkan keyboard dengan opsi @ yang dapat diakses. Begitulah cara saya melakukannya:

          <TextInput
            textContentType='emailAddress'
            keyboardType='email-address'
            autoCapitalize='none'
            autoCorrect={false}
            autoCompleteType='email'
          />
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.