React Native Picker - 样式选择器不是灰色

Question

我正在尝试为选择器组件中的选择器背景设置样式，下图中有灰色背景。我正在尝试将其更改为白色背景并在其周围添加边框。

   <Picker
        selectedValue={selectedProject}
        onValueChange={(text) => {
          setSelectedProject(text as string);
        }}
        style={{
          width: '50%',
          alignSelf: 'center',
        }}
        itemStyle={{
          height: 200,
        }}>
          <Picker.Item key={'all'} label={'all'} value={'all'} />
          <Picker.Item key={'all1'} label={'all1'} value={'all1'} />
          <Picker.Item key={'all2'} label={'all2'} value={'all2'} />
   </Picker>

我什么都试过了——这让我觉得这是不可能的。

我已经尝试将 backgroundColour / colour 属性添加到 Picker 组件的 style 和 itemStyle，但这些都不起作用。

是否可以设置这个灰色选择框的样式？

Answer 1

来自 react-native-picker, there is a talking 中有关在选择器中自定义所选项目的问题。

此外，目前无法这样做，因为选择指示器样式的本机属性尚未桥接。

应修改 RNPicker.m 文件中的代码以处理自定义。

[self selectRow:0 inComponent:0 animated:YES]; // Workaround for missing selection indicator lines (see

React Native Picker - 样式选择器不是灰色

React Native Picker - Styling selector to not be grey

react-native

react-native-ios

picker