Flutter NoSuchMethodError: 空对象调用getter 'length'报错如何解决

错误触发的核心原因是你当前Record组件的records getter固定返回空值，代码中直接对空值调用length属性违反了空安全规则。可按以下步骤修复：

• 给列表长度参数增加空值兜底
  修改ListView.builder的itemCount配置，空值时默认返回0，避免列表尝试渲染不存在的元素：

itemCount: widget.records?.length ?? 0,

• 全量修正所有调用records.length的代码
  所有用到widget.records.length的位置都要增加空判断，比如标题处的代码修改为：

title: Text(
  'Record ${(widget.records?.length ?? 0) - i}',
  style: TextStyle(color: Colors.black),
),

• 修正records的业务逻辑
  当前你写死records返回null是测试代码，实际使用时需要将它绑定到你的录音数据存储变量，同时明确定义可空的列表类型，示例：

// 假设你的录音数据模型为RecordItem
List<RecordItem>? get records => 你的业务层存储的录音数据列表;

• 可选体验优化：增加空状态占位
  无录音数据时展示提示组件，避免页面空白：

@override
Widget build(BuildContext context) {
  if (widget.records?.isEmpty ?? true) {
    return const Center(child: Text("暂无录音记录"));
  }
  return ListView.builder(
    // 原有列表配置逻辑
    shrinkWrap: true,
    reverse: true,
    itemBuilder: (BuildContext context, int i) {
      return Card(
        elevation: 5,
        child: ExpansionTile(
          title: Text(
            'Record ${(widget.records?.length ?? 0) - i}',
            style: TextStyle(color: Colors.black),
          ),
          // 其余组件逻辑
        ),
      );
    },
  );
}

内容的提问来源于stack exchange，提问作者jiji