我想创建带有轮播效果的图像堆栈,图像的详细信息将在下面的其他容器中显示。从堆栈中刷取图像时,详细信息将随图像更改。
图像轮播部件和滑动已完成。
CarouselSlider(
viewportFraction: 0.7,
aspectRatio: 1,
autoPlay: true,
enlargeCenterPage: true,
items: carouselList.map(
(image) {
return Container(
margin: EdgeInsets.all(5),
decoration: BoxDecoration(
borderRadius: BorderRadius.all(
Radius.circular(10),
),
image:
DecorationImage(image: AssetImage(image), fit: BoxFit.cover),
),
);
},
).toList(),
);
从堆栈中滑动图像时如何更改图像的细节? 要实现如下图所示的滑块。
答案 0 :(得分:0)
您是否已在软件包中签出了此文件,可以在其中创建自己的动态树:
CarouselSlider.builder(
itemCount: 15,
itemBuilder: (BuildContext context, int itemIndex) =>
Container(
child: Text(itemIndex.toString()),
),
)
您的carouselList将是您具有标题,release_date,等级和图像的类对象的列表。将列表传递给生成器将使每个对象达到该长度。