React-Native cannot write first letter with noncapital
React NativeInput FieldReact Native Problem Overview
React Native Solutions
Solution 1 - React Native
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'
/>
Solution 2 - React Native
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'
/>
Solution 3 - React Native
If you have an issue with TextInput
to make all letters uppercase then you can use autoCapitalize = 'characters'
and if you want only first characters to be uppercase then use autoCapitalize = 'words'
. However, make sure you do not set the keyboard type property.