添加bottomNavigationBar后页面所有Widgets消失，求助排查问题原因

• 检查Footer的高度约束
  自定义bottomNavigationBar引发这类问题，大概率是Footer的高度设置异常。比如误用Expanded/Flexible让它撑满屏幕，或者没有明确限制高度。对照你的Footer代码，重点看根容器的height属性，以及是否有父组件强制拉伸布局。

• 确认Scaffold结构正确性
  确保主页面内容是放在Scaffold的body属性中，而非和bottomNavigationBar产生布局冲突。正确结构示例：

  Scaffold(
    body: YourMainContent(), // 主内容必须在这里
    bottomNavigationBar: const Footer(),
  )
  

• 排查Footer内部层级问题
  检查Footer里是否有Stack+StackFit.expand、Positioned.fill这类会覆盖或撑满父容器的组件，这类设置会导致Footer抢占整个屏幕空间，挤压主内容。

• 替换为系统组件测试
  用官方BottomNavigationBar替换自定义Footer，验证是否还会出现主内容消失：

  bottomNavigationBar: BottomNavigationBar(
    items: const [
      BottomNavigationBarItem(icon: Icon(Icons.home), label: '首页'),
      BottomNavigationBarItem(icon: Icon(Icons.settings), label: '设置'),
    ],
  )
  

  如果替换后正常，说明问题完全出自自定义Footer的布局逻辑。

• 强制限制Footer高度
  临时给Footer外层套一个固定高度的Container，强制约束它的尺寸，看是否能恢复主内容显示：

  bottomNavigationBar: Container(
    height: 60, // 根据需求调整高度
    child: const Footer(),
  )
  

若以上方案都无法解决，建议补充Footer的完整布局代码，尤其是涉及布局约束、尺寸控制的部分。

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