如何在react native中制作带有钩子的无限图像轮播

npm install react-native-swiper

import React from 'react';
import { View, Image } from 'react-native';
import Swiper from 'react-native-swiper';

render() {
  return (
    <View style={{ flex: 1 }}>
      <Swiper autoplay={true} loop={true}>
        <Image source={require('./images/image1.jpg')} style={{ flex: 1 }} />
        <Image source={require('./images/image2.jpg')} style={{ flex: 1 }} />
        <Image source={require('./images/image3.jpg')} style={{ flex: 1 }} />
      </Swiper>
    </View>
  );
}

constructor(props) {
  super(props);
  this.state = {
    currentIndex: 0,
  };
}

render() {
  return (
    <View style={{ flex: 1 }}>
      <Swiper
        autoplay={true}
        loop={true}
        onIndexChanged={index => this.setState({ currentIndex: index })}
      >
        <Image source={require('./images/image1.jpg')} style={{ flex: 1 }} />
        <Image source={require('./images/image2.jpg')} style={{ flex: 1 }} />
        <Image source={require('./images/image3.jpg')} style={{ flex: 1 }} />
      </Swiper>
      <Text>{this.state.currentIndex}</Text>
    </View>
  );
}