移除 react-native Picker 底部的边框答案

【问题标题】：Remove border in bottom of the react-native Picker移除 react-native Picker 底部的边框
【发布时间】：2020-08-27 06:37:47
【问题描述】：

我在尝试从 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 标记中所做的那样，但它不起作用。有什么建议吗？

【问题讨论】：

你需要直接在android中设置选择器的样式。见这里：stackoverflow.com/questions/38921492/…

标签： css reactjs react-native border

【解决方案1】：

也许这不是最好的方法，但我找到了一个在我的项目中运行良好的快速解决方案。

为<View>和<Picker>定义一个高度，容器元素必须1px大。
设置overflow: "hidden" para o 容器。

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

container: {
    overflow: "hidden",
    height: 51
},
picker: {
    height: 50
}

【讨论】：

【解决方案2】：

我知道这很容易解决，但我的设计的一部分是更改 Picker 中的背景颜色，然后我猜边框会隐藏在后面。

【讨论】：