Flutter轮播图组件 flutter_swiper

使用flutter实现无限联播的轮播图效果,自定义设置指示器颜色和位置,这里不限时翻页的控制器。
在这里插入图片描述
版本:

 flutter_swiper: ^1.1.6

官网地址

使用

/// 轮播图
class SwiperDiy extends StatelessWidget{
  final List<String> swiperList;

  SwiperDiy({Key key,this.swiperList}):super(key:key);

  @override
  Widget build(BuildContext context) {
    return Padding(padding: EdgeInsets.fromLTRB(15,10,15,10),child:  Container(
      height: 90,
      child: Swiper(
        itemCount: swiperList.length,
        pagination: SwiperPagination(
          builder: DotSwiperPaginationBuilder(
///          设置指示器颜色
            color: Colors.white,
            activeColor: Colors.blueAccent,
          ),
        ),
        autoplay: true,
        onTap: (index){
          return Scaffold.of(context).showSnackBar(SnackBar(content: Text("点击了:$index")));
        },
        itemBuilder: (BuildContext context,int index){
          return Image.asset(swiperList[index],fit: BoxFit.fill,);
        },
      ),
    ),);

  }

}
发布了316 篇原创文章 · 获赞 63 · 访问量 37万+

猜你喜欢

转载自blog.csdn.net/ytfunnysite/article/details/103561114