flutter - Flutter如何显示3个滑块

Question

颤振我需要像这样显示滑块图像

我使用 Carouselslide 但不能像我展示的那样实现

我的代码是

Container(
              width: double.infinity,
              child: CarouselSlider(
                options: CarouselOptions(
                  disableCenter: true,
                  enableInfiniteScroll: false,
                  viewportFraction: 0.7,
                  enlargeCenterPage: false,
                  height: Height * 0.21,
                ),
                items: list
                    .map((item) => Container(
                  child: Image.asset(item),
                ))
                    .toList(),
              )),

它的显示是这样的

我需要显示如上图所示。还是轮播滑块不可能？

标签： flutter

Answer 1

试试这个代码

   Padding(
      padding: EdgeInsets.only(left: 0, right: 0, top: 0),
      child: Container(
          child: CarouselSlider(
            options: CarouselOptions(
               height: Height * 0.21,
              autoPlay: true,
              viewportFraction: 1.0,
              disableCenter: true,
              enableInfiniteScroll: false,
                
            ),
            items: list
                .map((item) => Container(
              child: Image.network(item, fit: BoxFit.cover, width: 400),
            ))
                .toList(),
          )),
    )