我正在使用React Native Picker,我在Android上加载选择器值时出现问题。
这是我的组件代码:
render() {
return (
<View style={styles.pickerContainer}>
<Picker
style={{width: 100}}
selectedValue={"10"}
mode="dialog">
{this._renderPickItems()}
</Picker>
</View>
)
}
_renderPickItems() {
const PickerItem = Picker.Item
return this.state.minutesList.map((value) => (
<PickerItem label={`${value} min`} value={value} key={`minutes_${value}`} />
))
}
当我在Android上运行我的应用程序时,Picker的元素由于某种原因没有显示在屏幕上(minutesList是一个数字数组),另一方面如果我在iOS上运行相同的代码,那么这些项目正确显示。
另一件事是,如果我将Picker.Item直接添加到Picker(如Picker doc示例),它的工作方式与预期的一样,但我不想为每个元素添加99行。
为什么函数重新启动Picker.Items适用于iOS而非Android?也许有一些基本缺失,我不知道它是什么。
关于问题的一些图片: iOS works like expected
感谢您的帮助。