flutter轮播图swiper
封装的轮播图组件
/*
* @Author: meetqy
* @since: 2019-08-08 16:16:47
* @lastTime: 2019-08-15 14:57:57
* @LastEditors: meetqy
*/
import 'package:flutter/material.dart';
import 'package:flutter_swiper/flutter_swiper.dart';
class CustomSwiper extends StatelessWidget {
final List<String> images;
final int index;
final double height;
/// 轮播图
/// ```
/// @param {List<String>} images - 轮播图地址
/// @param {int} index - 初始下标位置
/// @param {double} height - 容器高度
/// ```
CustomSwiper(this.images, {
this.index,
this.height = 288
});
@override
Widget build(BuildContext context) {
return Container(
height: height,
child: Swiper(
index: index,
itemBuilder: (BuildContext context,int index){
return Image.asset(images[index], fit: BoxFit.cover);
},
itemCount: images.length,
pagination: SwiperPagination(
builder: DotSwiperPaginationBuilder(
size: 8,
activeSize: 8
)
),
autoplay: true,
duration: 500,
autoplayDelay: 5000
),
);
}
}使用
Stack(
children: [
//轮播图
Positioned(child:
CustomSwiper(
[
'lib/assets/images/home/swiper1.jpg',
'lib/assets/images/home/swiper2.jpg',
'lib/assets/images/home/swiper3.jpg',
],
),
),