react-native - React Native Picker - 样式选择器不是灰色的
问题描述
我正在尝试在选择器组件中设置选择器背景的样式,下图中有灰色背景。我正在尝试将其更改为白色背景并在其周围设置边框。
<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
属性添加到组件的style
and itemStyle
,Picker
但这些都不起作用。
是否可以设置这个灰色选择框的样式?
解决方案
从react-native-picker的问题中,有一个关于在选择器中自定义所选项目的讨论。
此外,目前还不可能这样做,因为选择指示器样式的本机属性还没有被桥接。
应修改RNPicker.m文件中的代码以处理自定义。
[self selectRow:0 inComponent:0 animated:YES]; // Workaround for missing selection indicator lines (see https://stackoverflow.com/questions/39564660/uipickerview-selection-indicator-not-visible-in-ios10)
推荐阅读
- google-apps-script - 通过 Google Apps 脚本进行 Spotify API 授权
- asp.net-mvc - 无法将 asp.net mvc dll 文件上传到 Web 服务器,“文件正在使用错误”
- java - 来自外部包的@Autowired Bean 失败
- python - 为什么 Django 模板中的 .url 没有链接到模型的“upload_to=”目录?
- swift - 根据搜索查询显示 Firebase 信息 [Firebase][Swift]
- c++ - C++ While循环不重新分配字符串值
- python - Python to_datetime 产生错误的日期
- python - 导入GeneticAlgorithm ModuleNotFoundError:没有名为“libs.GeneticAlgorithm”的模块
- sql - 产生数据类型不匹配错误的 SQL 联合查询
- javascript - 通过 iframe 调用 React Web App 是一种好习惯吗?