如何在 Flutter 中将图像从 API 设置为 Carousel [英] How to set image from API to Carousel in Flutter

问题描述

我想在 Flutter 应用程序中使用横幅滑块，所以我找到了一个库来制作它，即 Carousel.这是一个很好的库，但我发现这个库有一个问题，How to set image from API into Carousel? 或 有任何支持 API 图像的库(列表)，有点指示器，像轮播一样自动播放?

I want to use a Banner Slider in Flutter apps, so I found a library to make it, namely Carousel. This is a good library but I found a problem for this library, How to set image from API into Carousel? or have any library for support image from API (list), have dot indicator, autoplay like Carousel?

推荐答案

使用 Carousel 包 -: carousel_slider: ^1.3.0

Use Carousel package -: carousel_slider: ^1.3.0

    CarouselSlider(
          autoPlay: true,
          pauseAutoPlayOnTouch: Duration(seconds: 5),
          height: MediaQuery.of(context).size.height * 0.60,
          items: <Widget>[
            for (var i = 0; i < image.length; i++)
              Container(
                  margin: const EdgeInsets.only(top: 20.0, left: 20.0),
                  decoration: BoxDecoration(
                    image: DecorationImage(
                      image: NetworkImage(image[i]),
                      fit: BoxFit.fitHeight,
                    ),
                    // border:
                    //     Border.all(color: Theme.of(context).accentColor),
                    borderRadius: BorderRadius.circular(32.0),
                  ),
                ),                                     
          ],
        ),

这篇关于如何在 Flutter 中将图像从 API 设置为 Carousel的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！