反应本机TextInput边框不起作用答案

【问题标题】：React native TextInput border not working反应本机TextInput边框不起作用
【发布时间】：2015-11-29 14:50:08
【问题描述】：

这是我的输入风格：

 searchBarInput: {
  flex: 1,
  fontSize: 20,
  fontWeight: 'bold',
  color: 'white',
  height: 50,
  padding: 0,
  backgroundColor: 'transparent',
  borderColor: '#000000', 
  borderWidth: 50,  
  borderStyle: 'solid',
 }

如果我改变边框宽度，输入的大小会改变，但仍然没有可见的边框。

我在安卓设备上使用 react-native 0.15.0。

【问题讨论】：

标签： android react-native

【解决方案1】：

这是否回答了您的问题： https://github.com/facebook/react-native/blob/master/docs/KnownIssues.md#text-input-border

这似乎是 react-native 的一个已知错误...

您可以尝试将其包装在视图组件中，并在视图组件上设置所需的边框。

【讨论】：

我认为你不能改变边框，这就是问题所在。你可以“让它不可见”...
哦，我明白了。那么也许最好将它包装在另一个元素中？
是的，您应该尝试将其放在视图中并设置输入 flex: 1 然后是视图上的边框。
当我尝试删除它时，我得到“underlineColor 不是有效的样式属性”。编辑：但似乎设置 backgroundColor: transparent 可以解决问题。感谢您的所有帮助。

【解决方案2】：

根据 react native doc，您需要在文本输入属性中设置如下：

multiline={true}

【讨论】：

【解决方案3】：

此问题现已通过underlineColorAndroid="transparent" 在 Android 上修复

来源：https://facebook.github.io/react-native/releases/0.26/docs/known-issues.html#text-input-border (archive)

【讨论】：