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

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

【问题讨论】:

  • underlineColorAndroid={'transparent'} 可能就是其中之一。将其用作TextInput 的道具
  • 能否添加问题的代码和样式?
  • @_Ravi @_Pritish,问题已按照 Ravi 的建议解决。 IOS 没有默认下划线,因此处理 android 解决了这个问题。谢谢大家

标签: react-native


【解决方案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}}
        />
        

        【讨论】:

          猜你喜欢
          • 2019-01-10
          • 1970-01-01
          • 2017-12-18
          • 1970-01-01
          • 2019-03-03
          • 1970-01-01
          • 1970-01-01
          • 2020-11-23
          • 2018-11-08
          相关资源
          最近更新 更多