删除react-native Picker底部的边框

Question

我在尝试从react-native中删除默认选择器的底部边框时遇到问题。

我的代码：

<Picker
  style={styles.pickerStyle}
  selectedValue={this.state.registerType}
  onValueChange={(item) => this.setState({registerType:item})}>
  <Picker.Item label="Vælg emne" value="choose" />
  {registerTypes}
</Picker>

在下图中，您可以看到我要删除的内容：

我尝试使用underlineColorAndroid='transparent'属性，就像您在TextInput标记中所做的那样，但它无效。有什么建议吗？

Answer 1

也许这不是有史以来最好的方法，但是我发现了一个快速的解决方案，在我的项目中效果很好。

1. 为Microsoft.SkypeApp和<View>定义高度，并且容器元素必须比大1px 。
2. 设置<Picker> para o容器。

overflow: "hidden"

<View style={styles.container}>
  <Picker style={styles.picker}>
    <Picker.Item value="1" label="Yes" />
    <Picker.Item value="2" label="No" />
  </Picker>
<View>

Answer 2

我知道这是一个简单的修复，但我的设计的一部分是更改选择器中的背景颜色，然后边框隐藏在我猜测后面。