flutter CustomScrollView中使用Swiper做轮播图问题

最新推荐文章于 2024-08-09 08:11:18 发布

马志武

最新推荐文章于 2024-08-09 08:11:18 发布

阅读量659

点赞数 1

分类专栏： Flutter 基础 Flutter扩展文章标签： Swiper做轮播图 Swiper做轮播图报错 Swiper做轮播图冲突 1024程序员节

本文链接：https://blog.csdn.net/ruoshui_t/article/details/108514048

版权

Flutter 基础同时被 2 个专栏收录

73 篇文章 20 订阅

订阅专栏

Flutter扩展

8 篇文章 1 订阅

订阅专栏

有朋友问我CustomScrollView中使用Swiper做轮播图问题
以前没这么用过，也是才发现CustomScrollView 与 Swiper 冲突，直接报错。
网友说修改源码，试过不能用，但是可以嵌套在SliverList中使用。
让SliverList 只有一个item ，就是Swiper ，亲测可行。

SliverList(
   delegate: SliverChildListDelegate(
     //返回组件集合
     List.generate(1, (int index){
       //返回 组件
       return GestureDetector(
         child: Container(
           width: MediaQuery.of(context).size.width,
           height: 200.0, # 设定高 -- 不指定高，图片会被拉伸
           child: Swiper(
             key: UniqueKey(),
             itemBuilder: _swiperBuilder,
             itemCount: 3,
             pagination: new SwiperPagination(
                 builder: DotSwiperPaginationBuilder(
                 color: Colors.black54,
                 activeColor: Colors.white,
               )
             ),
             control: new SwiperControl(),
             scrollDirection: Axis.horizontal,
             autoplay: true,
             onTap: (index) => print('点击了第$index个'),
           ),
         ),
       );
     }),
   ),
 ),