关于react native swiper 图片轮播的问题



  • 想对swiper轮播的图片进行定位。例如,有5张图片在轮播中,并且下面视图把这5张图片列出来了,这时点击图片,轮播的图片能够切换到前面选中的图片。 本来我想对轮播图片的数组进行更改,但结果是乱跳。。。。请求帮助



  • 问题进一步总结,如何获取swiper轮播时的滑动次数。
    向左滑动scrollBy(1)。 向右滑动scrollBy(-1)。滑动几次,+1,-1累加上去直至轮播数组上限。再从头开始计算。原理明白但如何拿到这个滑动次数呢?



  • 问题已解决!
    this.swiperReset = swiper => {this.swiper = swiper};
    <Swiper ref={this.swiperReset}
    onMomentumScrollEnd={(e, state, context) => this.setState({pageIndex:state.index})}

    ....
    </Swiper>

    ButtonClick(){
    this.swiper.scrollBy(-pageIndex,true);
    }

    pageIndex为轮播的当前index
    可通过onMomentumScrollEnd={(e, state, context) => this.setState({pageIndex:state.index})}获得

    大致思路是这样。



  • 始终独角戏。。。。。。。。。。。。。。!



  • 我的轮播图,自动播放属性加上了,为什么不自动呀。模拟器真机都不自动。
    "react-native-swiper": "^1.5.4",
    "react-native": "0.44.2",



  • @cx5168 高处不胜寒。。。



  • @lingliMr 从应用效果和实现简单方面还是推荐react-native-snap-carousel ,感兴趣你可以看看。


登录后回复