卡旋转木马滑动,颤振中的细节

时间:2020-02-25 14:31:25

标签: animation flutter dart slider carousel

我想创建带有轮播效果的图像堆栈,图像的详细信息将在下面的其他容器中显示。从堆栈中刷取图像时,详细信息将随图像更改。

图像轮播部件和滑动已完成。

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(),
);

从堆栈中滑动图像时如何更改图像的细节? 要实现如下图所示的滑块。

1 个答案:

答案 0 :(得分:0)

您是否已在软件包中签出了此文件,可以在其中创建自己的动态树:

CarouselSlider.builder(
   itemCount: 15,
   itemBuilder: (BuildContext context, int itemIndex) =>
        Container(
            child: Text(itemIndex.toString()),
        ),
   )

您的carouselList将是您具有标题,release_date,等级和图像的类对象的列表。将列表传递给生成器将使每个对象达到该长度。