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

问题描述

我想在Flutter应用程序中使用横幅滑动器，所以我找到了一个制作它的库，即 Carousel .这是一个很好的库，但是我发现该库有一个问题，如何将API中的图像设置到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屋！