如何在flutter中放大carouselslider？

Question

我有一个返回轮播滑块的小部件，我想缩放和捏合图像

这是我的代码：

Widget myPicture() {
List<Widget> items = [];

for (var i in widget.product.imageUrlList) {
  items.add(
    Image.network(i),
  );
}

return CarouselSlider(
  items: items,
  options: CarouselOptions(
    enlargeCenterPage: false,
  ),
);

  }

我尝试这样写：

Widget myPicture() {

List<Widget> items = [];

for (var i in widget.product.imageUrlList) {
  items.add(
    Image.network(i),
  );
}

return InteractiveViewer(
  child: CarouselSlider(
    items: items,
    options: CarouselOptions(
      enlargeCenterPage: false,
    ),
  ),
);
  }

但它也不起作用

我该怎么办？

Answer 1

您可以使用照片查看套餐

PhotoView(
          imageProvider: AssetImage(photos),
          backgroundDecoration: BoxDecoration(color: Colors.white),
        ),

这篇文章可以帮助您创建您想要的内容。

Answer 2

对于将来需要的任何人，请与photo_view一起使用，诀窍是您需要一个

PhotoViewGestureDetectorScope

来防止手势重叠：

      PhotoViewGestureDetectorScope(
        axis: Axis.horizontal,
        child: CarouselSlider(
          options: CarouselOptions(),
          items: _imageUrls.map((url) {
            return PhotoView(
              minScale: 0.4,
              imageProvider: CachedNetworkImageProvider(url),
            );
          }).toList(),
        ),
      )

Answer 3

对于上面的评论 - 我放弃了 CarouselSlider 并选择使用 PhotoViewGallery 小部件。它的工作方式相同，并且相当容易切换，因为它包含几乎相同的字段；它也包含在 photo_view 依赖项中。

如果您仍在寻找轮播功能（照片循环播放），它不是内置选项，但您可以在此处找到解决方法。