从 react-native TextInput 中删除下划线答案

【问题标题】：Remove underline from react-native TextInput从 react-native TextInput 中删除下划线
【发布时间】：2019-02-03 20:24:27
【问题描述】：

我想删除我的 react-native 应用程序的 TextInput 的下划线。我尝试使用borderBottomWidth，但它没有用。如何在 Android 和 IOS 上实现这一点。

【问题讨论】：

【解决方案1】：

我在代码检查中找到的解决方案是在 TextInput 上，您可以使用：

inputContainerStyle={{borderBottomWidth:0}}

【讨论】：

【解决方案2】：

<TextInput underlineColorAndroid='transparent'>

这样你就可以删除它了。

【讨论】：

【解决方案3】：

其实很简单

在 iOS 中我们没有下划线。

对于 android 只需添加这个道具

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

【讨论】：

【解决方案4】：

你应该设置borderWidth: 0

例子：

<TextInput 
  style={{borderWidth: 0}}
/>

【讨论】：