Flutter嵌套ListView运行报Null check operator空安全错误如何解决

问题根因 #

两个可滚动的ListView嵌套时，子ListView默认会尝试占用滚动方向的最大可用高度，但父ListView本身是无限滚动的、没有提供固定高度约束，布局阶段无法计算出子ListView的明确高度，触发空值校验报错。

修复方案 #

给嵌套的子ListView添加两个配置项即可解决：

• shrinkWrap: true：让子ListView根据内部子组件的总高度自适应，不会尝试占用无限高度
• physics: const NeverScrollableScrollPhysics()：禁用子ListView的独立滚动能力，滚动事件统一交给父ListView处理，避免滚动冲突

修复后的子ListView代码如下：

ListView.builder(
  // 新增两个配置
  shrinkWrap: true,
  physics: const NeverScrollableScrollPhysics(),
  itemBuilder: (context, y) => Padding(
    padding: EdgeInsets.all(8.0),
    child: Align(
      alignment: Alignment.centerLeft,
      child: Column(
        children: [
          Text(contactsList[y].displayName),
        ],
      ),
    ),
  ),
  itemCount: contactsList.length,
)

额外优化建议 #

1. 避免contactsList的空值风险，可以将显示逻辑修改为Text(contactsList[y]?.displayName ?? '未知联系人')，即使单条联系人数据为空也不会触发报错
2. 你代码中注释掉的排序逻辑存在语法错误，当前写法是用数组常量和联系人属性做对比，正确写法应为contactsList.sort((a, b) => a.displayName.compareTo(b.displayName))

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