React native TextInput边框无法正常工作

Question

这是我为输入框设计的样式：

 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和一个安卓设备。

- xtrinch

Answer 1

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

看起来这是react-native已知的一个bug...

你可以尝试将其包装在一个视图组件中，并在视图组件上设置想要的边框。

- G. Hamaide

---

我认为你无法改变边框，这就是问题所在。你只能“使其不可见”... - G. Hamaide

哦，我明白了。那么也许最好将它包装在另一个元素中？ - xtrinch

是的，你应该尝试将它放在一个视图中，并设置输入flex: 1，然后在视图上设置边框。 - G. Hamaide

当我尝试移除underlineColor时，出现“underlineColor不是一个有效的样式属性”的错误。编辑：但似乎设置backgroundColor: transparent可以解决问题。感谢大家的帮助。 - xtrinch

Answer 2

这个问题现在已经在安卓中得到解决，方法是使用underlineColorAndroid="transparent"。来源：https://facebook.github.io/react-native/releases/0.26/docs/known-issues.html#text-input-border (archive)

- damio

Answer 3

根据React Native文档，您需要在文本输入属性中设置以下内容：

multiline={true}

- jainmitesh09