Remove Underline in Inputtext in React Native

remove underline in inputText in React Native

I guess it should be

underlineColorAndroid="transparent"

See the related issue https://github.com/facebook/react-native/issues/10108

Remove underline from react-native TextInput

Its really simple

In iOS we dont have underline.

and for android just add this prop

<TextInput underlineColorAndroid={'rgba(0,0,0,0)'}> </TextInput>

react-native: How to remove underline while typing text in TextInput Component on android device?

It's normal react-native behavior, but you can bypass it with:

keyboardType="visible-password"

Only caveat is that this disables multiline.

How to get rid of the bottom border of the React Native Paper TextInput when focused

you have set the underlineColor prop to transparent

<TextInput 
  value={this.state.text}
  style={styles.input}
  underlineColor="transparent"   // add this
/>

EDIT

This is an issue in react-native-paper. You can not change active text input underline color. https://github.com/callstack/react-native-paper/issues/688.

However, if you want to change unfocused text input underline color you can user above code

How to remove underline from text input in react native from ios and android

Try to use.

underlineColorAndroid='rgba(0,0,0,0)'

This should remove the underline by making it transparent.

TextInput unwanted Underline

Hello guys i have found the answer it was the autoCorrect prop. i disabled it and yeah it worked!

Remove TextInput underline React-Native

The underline right beneath the text is an Android OS keyboard feature thing, it just indicates the current word you are on, it provides a smart context prompt and if you hit delete, it'll just delete the whole word.

TL;DR: built-in Android feature, you can't really do anything there.

ReactNative: Remove underline on TextInput for Android

Ok, I found how to fix this.
There is a special props for Android which is underlineColorAndroid. It's set by default so if you want your border line to be invisible, simply do as follow:

<TextInput
        ...
        underlineColorAndroid={'rgba(0,0,0,0)'}
      />

---

Related Topics