颤振错误：范围错误（索引）：无效值：不在范围0...2，包括： 3

Question

我在颤振中使用了一个很长的列表。所有项目都呈现良好，但我也收到以下错误：

RangeError (index): Invalid value: Not in range 0..2, inclusive: 3

以下是我的代码：

@override
Widget build(BuildContext context) {
return Container(
  child: getList(),
 );
}

下面是我的getList（）方法：

Widget getList (){
List<String> list = getListItems();
ListView myList = new ListView.builder(itemBuilder: (context, index){
  return new ListTile(
    title: new Text(list[index]),
  );
});
return myList;
}

下面是我的getListItem（）方法：

List<String> getListItems(){
return ["Faizan", "Usman", "Naouman"];
}

以下是错误的屏幕截图：

Answer 1

如果您正在使用StreamBuilder，那么您必须使用以下代码行：

  StreamBuilder(
                  stream: FirebaseFirestore.instance.collection("Tooth")
                  .orderBy("date", descending: false).snapshots() ,
                
                  builder: (BuildContext context, AsyncSnapshot<QuerySnapshot> snapshot){
                 
                    if(snapshot.hasData)
                    {
                      return ListView.builder(
                        itemCount: snapshot.data.docs.length,
                          padding: const EdgeInsets.only( top: 20.0),
                        itemBuilder: (BuildContext context, int index) {
                           DocumentSnapshot ds = snapshot.data.docs[index];
 },
                      );
                    }
                   
                  },
                ),

Answer 2

当迭代数组时，值用完时，会出现此错误。在ListView组件缺少itemCount prop的情况下，组件试图继续迭代，但不知道何时完成，因此最终会继续超出范围（数组的长度）。

在为循环运行设置不良的后，您也可能会看到此错误。例如：

var arr = [1, 2, 3];

for (var i=0; i < 4; i++) {
    print(arr[i]);
}

此省道代码也会导致范围错误。数组有3项，但我们尝试迭代4次。

Answer 3

您应该将itemCount参数传递给列表视图。生成器以允许其了解项目计数

Widget getList() {
  List<String> list = getListItems();
  ListView myList = new ListView.builder(
    itemCount: list.length,
    itemBuilder: (context, index) {
    return new ListTile(
      title: new Text(list[index]),
    );
  });
  return myList;
}