Reputation: 259

React_native: How to remove underline from TextInput

Here is my code:

<TextInput borderBottomColor='#ffffff'
style={{flex:1, color:'#000000', fontSize:20, marginLeft:1, marginRight:5, paddingTop:1 }}></TextInput>

Currently ,it is showing border line below EditText and also showing underline while entering input

I want to remove both border line and underline in text. Please provide some solution.

Upvotes: 0

Answers (3)

Reputation: 1

<TextInput borderBottomColor='#ffffff'
style={{flex:1, color:'#000000', fontSize:20, marginLeft:1, marginRight:5, paddingTop:1 }}>
</TextInput>

Upvotes: 0

Reputation: 1095

I think in your cases it happen in Android.. you can just add transparent attribute in underlineColorAndroid.

underlineColorAndroid = 'transparent'

That will fix your problem.

Upvotes: 2

Reputation: 457

Have you tried underlineColorAndroid='rgba(0,0,0,0)' ?

Upvotes: 3