Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Remove underline from react-native TextInput

Tags:

react-native

I want to remove the underline of a TextInput of my react-native application. I tried with borderBottomWidth but it did not work. How can I achieve this on Android and IOS.

like image 561
Shashika Avatar asked Jan 24 '26 20:01

Shashika


2 Answers

Its really simple

In iOS we dont have underline.

and for android just add this prop

<TextInput underlineColorAndroid={'rgba(0,0,0,0)'}> </TextInput>
like image 77
Chirag Sharma Avatar answered Jan 27 '26 00:01

Chirag Sharma


<TextInput underlineColorAndroid='transparent'>

by this you can remove it.

like image 45
eureka Avatar answered Jan 27 '26 01:01

eureka



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!