删除TextInput下划线React-Native

时间:2018-08-02 15:41:04

标签: android reactjs react-native react-native-android

enter image description here

我想直接删除上面屏幕截图中文本的下划线(第二个/下划线是我在TextInput上的自己的borderBottom)。

我认为应该为RN TextInput组件提供一个underlineColorAndroid道具,我认为它可以控制它,并且我甚至升级到react-native v0.56.0,因为该道具的默认值已更改为“ transparent”,是我想要的。

例如

<TextInput
  onChange={this.onChange}
  value={tag}
  underlineColorAndroid="transparent"
/>

我什至尝试更改/android/app/src/main/res/values中的许多样式属性,但没有任何效果。

如何在Android上为React-Native的TextInput(我认为它映射到Android的EditText)下划线或更改其下划线?

编辑: 如果不升级到react-native 0.56.0,它看起来像下面的屏幕截图。那么也许underlineColorAndroid="transparent"在v0.56.0中可以工作吗?但是剩下的下划线是什么?

enter image description here

2 个答案:

答案 0 :(得分:2)

文本下方的下划线是一个Android OS键盘功能,它仅指示您当前使用的单词,它提供了一个智能上下文提示,如果您单击Delete,它将仅删除整个单词。

TL; DR:内置的Android功能,您实际上无法在其中执行任何操作。

答案 1 :(得分:0)

<TextInput underlineColorAndroid='transparent'>