从本地本机TextInput删除下划线

Question

我想删除我的本机应用程序的TextInput的下划线。我尝试使用borderBottomWidth，但是没有用。如何在Android和IOS上实现这一目标。

Answer 1

非常简单

在 iOS 中，我们没有下划线。

，对于 android ，只需添加此道具

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

Answer 2

您应该设置borderWidth: 0

示例：

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

Answer 3

<TextInput underlineColorAndroid='transparent'>

由此您可以将其删除。

Answer 4

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

inputContainerStyle={{borderBottomWidth:0}}