React本机TextInput边框不起作用

时间:2015-11-29 14:50:08

标签: android react-native

这是我输入的风格:

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

如果更改边框宽度,输入的大小会发生变化,但仍然没有可见的边框。

我使用的是反应原生0.15.0与Android设备。

3 个答案:

答案 0 :(得分:7)

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

似乎这是来自react-native的已知错误...

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

答案 1 :(得分:2)

现已通过underlineColorAndroid="transparent"

在Android上修复此问题

来源:https://facebook.github.io/react-native/releases/0.26/docs/known-issues.html#text-input-borderarchive

答案 2 :(得分:1)

根据本机文档的反应,您需要在文本输入属性中设置以下内容:

multiline={true}