Мы можем показать петлю, как карусель, в "Реактивном" Flatlist или scrollview?

Question

Я хочу отобразить массив данных в виде плоского списка или прокрутки в режиме цикла. Я хочу повторить тот же массив снова и снова. мы можем сделать это?

Answer 1

Вы можете использовать onEndReached fo FlatList для загрузки данных в конце. В вашем случае добавьте тот же список и установите его состояние.

onEndReached () : вызывается один раз, когда позиция прокрутки попадает в onEndReachedThreshold от отображаемого содержимого

export default class App extends React.Component {

  state = {

    movies: [
      {
        name: "ajd"
      },
      {
        name: "wd"
      }
    ] 
  };

  onEndReached = () => {
    console.log('onEndReached()', this.state.data)
    this.setState({movies: [...this.state.movies, ...this.state.movies,]})
  }


  render() {
    return (
      <View >
        <FlatList 
          data={this.state.movies}
          renderItem={({item}) => {
            return (
              <View>
                <Text>{item.name}</Text>
              </View>
            )
          }}
          onEndReached={this.onEndReached}
          onEndReachedThreshold={0.5}
        />
      </View>
    );
  }
}