Flutter部分Widget不显示：自定义MainPanel内传入的Text组件无法正常展示

问题原因 #

Text 组件无法渲染的核心原因是缺少必要的上层依赖配置，或侧边栏布局异常抢占空间：

1. 未使用 MaterialApp/WidgetsApp 作为根组件
   这类应用根组件会自动向下层提供 Directionality（文本排版方向）和 DefaultTextStyle（默认文本样式）两个必须配置，缺少这两个配置时 Text 组件不会正常显示内容。该场景常见于你直接把 HomePage 传给 runApp 作为根组件的情况。
2. SideActivityBar 布局异常
   如果 SideActivityBar 内部返回了不受父布局约束的无限宽组件（比如未加约束的 ListView、横向滚动容器等），即使套了 Expanded 也会导致布局计算失效，抢占 MainPanel 的可用空间。

解决方案 #

场景1：缺少根组件配置 #

优先采用标准写法，给根入口套上 MaterialApp，修改 main 方法如下：

void main() {
  runApp(
    MaterialApp(
      home: HomePage(title: "示例页面"),
    )
  );
}

如果不想引入 Material 设计体系，也可以手动给 Text 补全配置：

Text('Initial',
  textDirection: TextDirection.ltr,
  style: TextStyle(color: Colors.black, fontSize: 16),
)

场景2：侧边栏布局异常 #

临时注释掉 SideActivityBar 引用，仅保留 MainPanel 验证，如果 Text 正常显示即可定位是侧边栏问题，检查 SideActivityBar 内部实现，确保没有返回无限宽的无约束组件即可。

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