"RangeError (index): Invalid value: Valid value range is empty: 2" with flutter carousel

问题描述

imageList 列表包含从 JSON 文件中提取的图像路径。但是，此问题仅遇到一次，但在热重载后消失。使用的包：carousel_slider：^3.0.0

CarouselSlider(
                        options: CarouselOptions(
                          height: 250.0,enlargeCenterPage: true,autoplay: true,reverse: false,enableInfiniteScroll: true,autoplayInterval: Duration(seconds: 3),autoplayAnimationDuration: Duration(milliseconds: 2000),pauseAutoplayOnTouch: true,scrollDirection: Axis.horizontal,),items: imageList.map((img) {
                          return Builder(
                            builder: (BuildContext context) {
                              return Container(
                                margin: EdgeInsets.symmetric(
                                  vertical: 10.0,horizontal: 10.0
                                ),decoration: Boxdecoration(
                                  color: Colors.transparent,child: Image.asset(
                                  img,fit: BoxFit.fill,);
                            },);
                        }).toList(),

解决方法

我猜你的 imageList 一开始是空的，当你填充它时你不会调用 setstate() ，如果你是它意味着轮播不允许你使用空列表添加一个 if 语句，如果列表为空，则不会构建 carouselSlider

if(!imageList.isEmpty)
  CarouselSlider()

carousel json