这在Android上绝对可以,但在iOS上效果不佳(不显示哪个用户从Wheel Picker中选择的值)。检查此链接。
https://drive.google.com/file/d/1y_ulgquvplzzj2v2zr1raynrzkpme4uc/view?usp = sharing
<Picker
style={{ width: 100, height: 80 }}
selectedValue={this.state.selectedHour}
itemStyle={{ color: "black", fontSize: 20 }}
onValueChange={index => this.onPickerHourSelect(index)}
>
{this.state.hourList.map((value, i) => (
<PickerItem label={value} value={i} key={"money" + value} />
))}
onPickerHourSelect(index) {
var hour = this.state.hourList[index];
this.setState({
selectedHour: hour,
}) }
请建议我另一个组件或选择器包(例如旋转器或拾取器)
我遇到了同样的问题!我使用Selected Value而不是SelectedItem并传递了PickerItem的值。
这是我的代码:
<Picker style={{flex: 1, width: 150, height: 180}}
itemStyle={{color: 'black', fontSize: 26}}
selectedValue={this.state.minutes[this.state.indexSelected]}
onValueChange={(index) => {this.setState({indexSelected: index})}}>
{this.state.minutes.map((value, i) => (<PickerItem label={value} value={i} key={i}/>))}
</Picker>