小编Nel*_*lio的帖子

我想创建一个无限/循环反应本机选择器，如下图所示。

所以，我的问题是：当我滚动时，如何使选择器在到达最后一个项目后从第一个项目重新开始？

这是我的代码：

render() {
  const hourItems = [];
  for(var i = 0; i < 24; i++) {
    hourItems.push(
      <Picker.Item label={i.toString()} value={i} key={i} />
    );
  }

  return(
    <ScrollView style={styles.panel}>
      <Picker
        selectedValue={this.state.hour}
        onValueChange={(itemValue, itemIndex) => this.setState({ hour: itemValue })}
      >
        {hourItems}
      </Picker>
    </ScrollView>
  );
}