Flutter动态列表使用ListView.builder未设置itemCount导致刷新后索引越界崩溃的解决方法求助

嗨，我来帮你搞定这个问题！

其实问题的根源很简单：你必须给ListView.builder设置itemCount属性，哪怕你一开始不知道最终会有多少数据。

你现在的情况是，没有设置itemCount的时候，ListView.builder会一直循环调用itemBuilder，直到你返回null才会停止。但你的代码里每次调用itemBuilder都返回了一个ListTile，所以它会不断尝试创建更多列表项——当你的_items数组只有10个元素时，它会尝试调用到index=10，这时候_items[10]自然就会触发索引越界的错误，因为数组的有效索引是0到9嘛。

解决方法超简单，只需要在ListView.builder里加上itemCount: _items.length就行，这样不管什么时候，itemBuilder只会被调用和_items数组长度完全匹配的次数。

修改后的ListView.builder代码如下：

ListView.builder(
  itemCount: _items.length, // 关键就是加这一行！
  itemBuilder: (context, index) {
    return ListTile(
      leading: Icon(Icons.fitness_center),
      title: Text(_items[index]),
      subtitle: Text('Detalles del acceso al gimnasio #$index'),
      trailing: Icon(Icons.arrow_forward),
      onTap: () {
        // Acción al tocar el elemento
      },
    );
  },
)

我给你拆解下这个逻辑：

• 初始状态下，_items是空数组，itemCount就是0，这时候itemBuilder根本不会被调用，页面显示空内容，完全合理；
• 当你下拉刷新完成，_items被赋值成10个元素的数组，setState触发重建后，itemCount自动变成10，itemBuilder只会被调用10次（索引从0到9），完美匹配数组的长度，再也不会出现越界崩溃的情况；
• 后续不管你从远程数据源拿到多少条数据，只要把数据更新到_items里，itemCount都会自动跟着变化，完全适配动态数据的场景。

如果之后你想在数据加载过程中显示加载状态，还可以在itemCount里做些小处理（比如加载时多算一个加载项），但目前先解决核心的越界问题，这个方法绝对管用！

内容来源于stack exchange