React Native iOS端Picker选中项上下线条移除方法咨询

嘿，我来帮你搞定这个问题～你看到的选中项上下的线条，是iOS端Picker组件默认的选中指示器，用来高亮当前选中的选项，要移除它其实很简单，只需要给Picker添加一个样式属性就能搞定。

具体解决方法 #

在你的<Picker>组件里，添加selectionIndicatorStyle属性，把它的背景色设置为透明，就能隐藏这条默认的线条了。修改后的Picker代码如下：

<Picker 
  style={{ position: "absolute", right: 10 }} 
  itemStyle={{ height: height - marginTop, fontSize: 35, width: 100 }} 
  selectedValue={this.state.selected} 
  onValueChange={selected => this.setState({ selected })}
  // 新增这一行，隐藏默认选中指示器
  selectionIndicatorStyle={{ backgroundColor: 'transparent' }}
>
  {serviceItems}
</Picker>

备选方案（如果上述方法不生效） #

如果因为React Native版本差异导致这个属性不生效，你可以考虑使用第三方Picker组件，比如@react-native-picker/picker，它提供了更灵活的样式自定义能力，完全可以自定义甚至移除选中指示器。

内容的提问来源于stack exchange，提问作者Hoa.Tran