Flutter渲染库捕获异常导致白屏，ListView布局无限尺寸错误如何解决？

Exception caught by rendering library
RenderIndexedSemantics object was given an infinite size during layout.

上述报错触发于Flutter开发场景，表现为页面全白，关联报错组件为ListView。

• 核心问题：ListView.builder的列表项中嵌套了Scaffold组件。Scaffold作为页面级骨架组件，默认会填充父控件提供的所有可用空间，而ListView在布局子项时不会给子元素施加固定高度约束，导致Scaffold尝试计算无限高度，触发布局异常。
• 附加不合理写法：列表项内部不需要嵌套AppBar组件，AppBar是页面级的导航栏组件，不应放在列表项中使用。同时原有代码中错误将布尔类型的snapshot.hasError作为错误信息传递，无法展示真实报错内容。

@override
Widget build(BuildContext context) {
  return MaterialApp(
    home: Scaffold(
      body: FutureBuilder<Categories>(
        future: _futureCategories,
        builder: (BuildContext context, AsyncSnapshot<Categories> snapshot) {
          if (snapshot.hasData) {
            final name = snapshot.data?.data;
            return ListView.builder(
              itemCount: name?.length,
              itemBuilder: (BuildContext context, int index) {
                // 给列表项明确设置高度，避免布局尺寸计算歧义
                return SizedBox(
                  height: 120,
                  child: Card(
                    // 移除多余的Scaffold、AppBar嵌套，直接写业务内容
                    child: Padding(
                      padding: const EdgeInsets.all(16),
                      child: Text(' ${name?[index].name}'),
                      // 如果需要保留类导航栏的头部样式，可以用如下写法替代AppBar
                      /*
                      child: Column(
                        children: [
                          Container(
                            color: Theme.of(context).primaryColor,
                            height: 56,
                            alignment: Alignment.centerLeft,
                            padding: const EdgeInsets.symmetric(horizontal: 16),
                            child: Text(
                              ' ${name?[index].name}',
                              style: const TextStyle(color: Colors.white, fontSize: 20),
                            ),
                          )
                        ],
                      )
                      */
                    ),
                  ),
                );
              }
            );
          } else if (snapshot.hasError) {
            return NewsError(
              // 修正错误信息取值，用snapshot.error获取真实报错内容
              errorMessage: '${snapshot.error}',
            );
          }
          return const Center(
            child: CircularProgressIndicator(),
          );
        }
      ),
    )
  );
}

• 出现infinite size during layout报错时，优先定位报错关联的滚动容器（ListView/GridView/PageView等），检查其子组件是否存在默认占满父容器的组件
• 给滚动容器的子项明确设置宽高约束，避免无边界的尺寸计算
• 禁止在滚动容器的子项中嵌套页面级组件（Scaffold、Navigator等）

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