Flutter应用启动报错：RenderCustomMultiChildLayoutBox子项需含父数据ID

AI 小北

2026-7-11

问题解决：Every child of a RenderCustomMultiChildLayoutBox must have an ID in its parent data

错误根源

Expanded不能直接作为Scaffold的body：Expanded是Row/Column这类Flex布局的专属子组件，直接嵌套在Scaffold的body中会破坏布局结构逻辑。
Row子组件未明确空间分配：Row中的NavigationRail和SignUpPage没有设置空间分配规则，导致NavigationRail内部的CustomMultiChildLayout系统无法识别子组件的布局标识，触发错误。

修正后的代码

Widget build(BuildContext context) {
  return Scaffold(
    body: Row(
      children: [
        SafeArea(
          child: NavigationRail(
            selectedIndex: 0,
            onDestinationSelected: (int index) {
              print('Test');
            },
            destinations: const [
              NavigationRailDestination(
                icon: Icon(Icons.home),
                label: Text("Home"),
              ),
              NavigationRailDestination(
                icon: Icon(Icons.home),
                label: Text("a"),
              ),
            ],
          ),
        ),
        // 用Expanded包裹SignUpPage，让它占据Row的剩余空间
        const Expanded(
          child: SignUpPage(),
        ),
      ],
    ),
  );
}