TextInput underline color for ios in react-native

Sathish Sundharam picture Sathish Sundharam · Jul 13, 2017 · Viewed 13.5k times · Source

i am doing mobile applications in react-native for android and ios. In my project i am using TextInput Component(ios). This component appear without underline. How to use TextInput with underline color in ios.

code sample -

<TextInput
 ref={'cardbatch1'}                 
 keyboardType = 'numeric'
 placeholder = 'Batch Number'
 autoCapitalize = 'none'                                                    
/>

Answer

Irfan Ayaz picture Irfan Ayaz · Jul 13, 2017

You could add borderBottomWidth and borderBottomColor to TextInput or simply draw a view with 1 or 2 px height below TextInput.