使用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,);
},
),
),);
}
}