flutter - carousel_slider 只显示一张图片

Question

我必须解释一下当前的结构：

news_view.dart 有 FutureBuilder 并从 API 获取所有必要的项目并发送到另一个页面小部件：customListTile3(articles, index, context)

hallo.dart 上面有 Widget：

Widget customListTile3(List<Datum> articles, int index, BuildContext context) {
  final urlImages = [
    articles[index].imageUrl!,
    
  ];
  final urlImage = urlImages[index];

和

child: Column(
          children: <Widget>[
            Center(
              child: CarouselSlider.builder(
                options: CarouselOptions(height: 200),
                itemCount: 10,
                itemBuilder: (context, index, realIndex) {
                  return buildImage(urlImage, index);
                },
              ),

底部有 buildImage 类：

child: Column(
          children: <Widget>[
            Center(
              child: CarouselSlider.builder(
                options: CarouselOptions(height: 200),
                itemCount: 10,
                itemBuilder: (context, index, realIndex) {
                  return buildImage(urlImage, index);
                },
              ),

滑块有效，但它只显示单个图像多次。这里有什么问题？

标签： flutterdart

Answer 1

我解决了：

final urlImages = [
    articles[0].imageUrl!,
    articles[1].imageUrl!,
    articles[2].imageUrl!,
    articles[3].imageUrl!,
    articles[4].imageUrl!,
    articles[5].imageUrl!,
    articles[6].imageUrl!,
    articles[7].imageUrl!,
    articles[8].imageUrl!,
    articles[9].imageUrl!,
  ];

Center(
              child: CarouselSlider.builder(
                options: CarouselOptions(
                
                ),
                itemCount: 10,
                itemBuilder: (context, idx, realIndex) {
                  return buildImage(articles, urlImages[idx], idx, context);
                },
              ),
            ),