React-Native cannot write first letter with noncapital
I have some trouble with react-native. I have an Input component(like textfield) for user to enter his email address, but the thing is that, first letter always comes as capital letter default and it is impossible to make it non-capital. How can I change it like first letter can be small, as well?
TextInput has autoCapitalize
to handle this.
`autoCapitalize enum('none', 'sentences', 'words', 'characters')`
For example try like this:
<TextInput
placeholder=""
placeholderTextColor='rgba(28,53,63, 1)'
autoCapitalize='none'
value='test'
/>
Make sure that the property autoCorrect
is false
. This way it will not capitalize the first email character. Also setting the keyboardType
to email-address
shows the keyboard with an @ option accessible. That's how I would do:
<TextInput
textContentType='emailAddress'
keyboardType='email-address'
autoCapitalize='none'
autoCorrect={false}
autoCompleteType='email'
/>