Flutter —— 轮播图
1.pubspec.yaml
flutter_swiper: ^1.1.6 # 轮播图
2.自定义一个类
import 'package:flutter/material.dart';
import 'package:flutter_swiper/flutter_swiper.dart';
import 'package:ks/pages/home/homeModel.dart';
class CommonSwiper extends StatelessWidget {
final List<ImageAdList> images;
const CommonSwiper({Key? key, required this.images}) : super(key: key);
@override
Widget build(BuildContext context) {
var height = MediaQuery.of(context).size.width / 750.0 * 300;
return Container(
height: height,
child: Swiper(
itemCount: images.length,
itemBuilder: (context, index) {
return Image.network(
"http://pls.asj.com/" + images[index].defaultImage.toString(),
fit: BoxFit.fill,
);
},
pagination: SwiperPagination(),
autoplay: true,
),
);
}
}
3.使用
//轮播
CommonSwiper(images: model.data.imageAdList),