初次接触flutter 看了一下轮播图,用的框架swiper ,感觉需要自己略微定义一下,所以记录下来,以备参考:
1.加入依赖
# 轮播
flutter_swiper: ^1.1.4
2.去官方github去看一看
swiper github
3 秒一眼这个
4.最常见的banner的实现代码:
Swiper _swiper() {
return Swiper(
autoplay: true,
autoplayDelay: 10000,
scrollDirection: Axis.horizontal,
pagination: SwiperPagination(
builder: DotSwiperPaginationBuilder(
size: 5, //点点没选中时候的大小
activeSize: 8, //点点选中后的大小
color: Colors.white, //点点的颜色
activeColor: Colors.deepOrangeAccent),
alignment: Alignment.bottomRight),
itemCount: _bannerList.length,
itemBuilder: (BuildContext context, int index) {
return Image.network(
_bannerList[index].imagePath,
fit: BoxFit.fill,
);
},
onTap: (index) {
Navigator.push(
context,
MaterialPageRoute(
builder: (context) => MyWebViewPage(
title: _bannerList[index].title,
url: _bannerList[index].url)));
},
);
}