[英]How to make dot indicator carousel slider in flutter using asset/images?
CarouselSlider(
options: CarouselOptions(
),
items: [
Image.asset('images/pizza.png'),
],
),
DotsIndicator(
dotsCount: 4,
position: dotPosition.toDouble(),
//declare the position to autoplay
),
),
我不知道如何声明 dotIndicator 以便点自动播放图像。
您可以使用变量从onPageChanged
跟踪当前索引。
class _MyWidgetState extends State<MyWidget> {
final items = [
Image.asset('images/drumstick.png'),
Image.asset('images/pizza.png')
];
int currentIndex = 0;
@override
Widget build(BuildContext context) {
return Scaffold(
body: SingleChildScrollView(
child: Column(
children: [
CarouselSlider(
options: CarouselOptions(
autoPlay: true,
aspectRatio: 2.0,
enlargeCenterPage: true,
onPageChanged: (index, reason) {
setState(() {
currentIndex = index;
});
},
),
items: items,
),
DotsIndicator(
dotsCount: items.length,
position: currentIndex.toDouble(),
)
],
),
),
);
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.