如何在 Flutter 中将图像从 API 设置为 Carousel
How to set image from API to Carousel in Flutter
我想在 Flutter 应用程序中使用横幅滑块,所以我找到了一个库来制作它,即 Carousel
。这是一个很好的库,但我发现这个库有问题,How to set image from API into Carousel?
或 have any library for support image from API (list), have dot indicator, autoplay like Carousel?
使用轮播包-: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 应用程序中使用横幅滑块,所以我找到了一个库来制作它,即 Carousel
。这是一个很好的库,但我发现这个库有问题,How to set image from API into Carousel?
或 have any library for support image from API (list), have dot indicator, autoplay like Carousel?
使用轮播包-: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),
),
),
],
),