Карточка Карусель смахивает с деталями в флаттер - PullRequest
0 голосов
/ 25 февраля 2020

Я хочу создать стопку изображений с эффектом карусели, детали изображения будут показаны ниже в другом контейнере. При смахивании изображения из стопки детали будут изменены вместе с изображением.

Уже сделано с карусельной частью изображения и смахиванием.

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 голосов
/ 25 февраля 2020

Вы проверили это в пакете, где вы можете создать свое собственное дерево динамического c:

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

, ваш carouselList будет списком объектов класса, где у вас есть заголовок, release_date, рейтинги и изображение. Передача списка в построитель будет отображать каждый объект до этой длины.

...