删除 TextInput 下划线 React-Native答案

【问题标题】：Remove TextInput underline React-Native删除 TextInput 下划线 React-Native
【发布时间】：2019-01-10 10:58:33
【问题描述】：

我想去掉上面截图中文字正下方的下划线（第二个/下下划线是我自己在TextInput上的borderBottom）。

我认为 RN TextInput 组件有一个 prop underlineColorAndroid 应该可以控制它，我什至升级到 react-native v0.56.0 因为这个 prop 的默认值已更改为“透明”，这就是我想要的.

例如

<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 中有效吗？但是剩下的下划线是什么？

【问题讨论】：

【解决方案1】：

文本下方的下划线是 Android 操作系统的键盘功能，它只指示您当前所在的单词，它提供智能上下文提示，如果您点击删除，它只会删除整个单词。

TL;DR：内置的 Android 功能，你真的不能在那里做任何事情。

【讨论】：

【解决方案2】：

<TextInput underlineColorAndroid='transparent'>

【讨论】：