Flutter swiper在tab切换之后快速循环

最新推荐文章于 2024-12-24 14:46:19 发布

原创最新推荐文章于 2024-12-24 14:46:19 发布 · 1.9k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#swiper #flutter #swiper轮播

Flutter 疑难杂症专栏收录该内容

9 篇文章

订阅专栏

博客指出首页的swiper在BottomNavigationBar点击切换回来后会快速循环，之后恢复正常。分析认为问题可能出在数据或swiper配置上，因处理数据代价大且不合理，所以从配置入手，将autoplay和loop设为false，用swiperController在生命周期控制自动播放。

我的swiper在首页，在BottomNavigationBar点击切换回来之后，首页的swiper就会快速的循环，然后过一会正常。

很明显，要么是数据的问题，要么是swiper配置的问题。

处理数据代价太大，原则上也不太合理，那只能从配置下手。

  SwiperController _swiperController;

  @override
  void initState() {
    super.initState();

    _scrollController = ScrollController()..addListener(() {});
     _swiperController = new SwiperController();
    _swiperController.startAutoplay();
  }

  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      body: Column(
        children: <Widget>[
          Container(
            child: Swiper(
              ......
              loop: false,
              autoplay: false,
              controller: _swiperController,
              ......
            ),
          ),
        ],
      ),
    );
  }

  @override
  void dispose() {
    _swiperController.stopAutoplay();
    _swiperController.dispose();
    super.dispose();
  }