react-native-swiper 轮播最后一张图跑到第一章

最新推荐文章于 2023-05-31 22:19:54 发布

学习笔记999

最新推荐文章于 2023-05-31 22:19:54 发布

阅读量1k

点赞数

分类专栏： React-Native reactJS

本文链接：https://blog.csdn.net/z93701081/article/details/105719585

版权

React-Native 同时被 2 个专栏收录

81 篇文章 1 订阅

订阅专栏

reactJS

31 篇文章 0 订阅

订阅专栏

  componentDidUpdate() {
    const scrollView = this.scrollView
    scrollView.scrollBy(0, false)
  }


<Swiper
          ref={(e) => { this.scrollView = e }}  //加上这句 防止最后一张跑到第一张
          showsButtons={false}
          autoplay
          height={this.props.height}
          removeClippedSubviews={false}
          autoplayTimeout={3}
          dot={this.lineStyle()}
          activeDot={this.lineActiveStyle()}
          paginationStyle={styles.paginationStyle}
        >
          {
            banners && banners.map( (data, key) =>
                <SwiperImg
                  { ...data }
                  { ...this.props }
                  onJoinPress={ () => {
                    data.url ? turnToWebView(data.url, false) : console.log(data)
                  }}
                  key={key}
                />
            )

          }
        </Swiper>