//https://juejin.im/post/5c3f3c29f265da6120621048
import 'package:flutter/material.dart';
import 'package:flutter_swiper/flutter_swiper.dart';// 引入頭文件
class SwiperViewextends StatefulWidget {
@override
? _SwiperViewState createState() => _SwiperViewState();
}
class _SwiperViewStateextends State {
// 聲明一個(gè)list，存放image Widget
? ListimageList = List();
@override
? void initState() {
imageList
? ? ? ..add(Image.network(
'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2726034926,4129010873&fm=26&gp=0.jpg',
fit: BoxFit.fill,
))
..add(Image.network(
'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=3485348007,2192172119&fm=26&gp=0.jpg',
fit: BoxFit.fill,
))
..add(Image.network(
'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=2594792439,969125047&fm=26&gp=0.jpg',
fit: BoxFit.fill,
))
..add(Image.network(
'https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=190488632,3936347730&fm=26&gp=0.jpg',
fit: BoxFit.fill,
));
super.initState();
}
@override
? Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.black12,
appBar: AppBar(title: Text('輪播圖'),),
body: ListView(// 這里使用listView是因?yàn)楸镜貙?xiě)了幾組不同樣式的展示，太懶了，所以這里就沒(méi)有改
? ? ? ? ? children: [
firstSwiperView()
],
)
);
}
Widget firstSwiperView() {
return Container(
padding:const EdgeInsets.fromLTRB(0,50,0,5),
width: MediaQuery.of(context).size.width,
height:300,
child: Swiper(
itemCount:4,
itemBuilder: _swiperBuilder,
pagination: SwiperPagination(
alignment: Alignment.bottomRight,
margin:const EdgeInsets.fromLTRB(0,0,20,10),
builder: DotSwiperPaginationBuilder(
color: Colors.black54,
activeColor: Colors.white
? ? ? ? ? ? )
),
controller: SwiperController(),
scrollDirection: Axis.horizontal,
autoplay:true,
onTap: (index) => print('點(diǎn)擊了第$index'),
),
);
}
Widget _swiperBuilder(BuildContext context, int index) {
return (imageList[index]);
}
}
