Flutter中Text Widget不显示问题求助

数据老陈

2026-4-8

嗨，我来帮你排查这个Text不显示的问题～结合你的代码和所用的SDK版本（3.8.1），我整理了几个最可能的原因和对应的解决办法：

Row组件缺少可用空间约束
你现在直接返回了Row，但Row本身是一个依赖父组件提供尺寸的组件——如果它的父容器没有明确的宽度/高度约束（比如没套在Scaffold、带尺寸的Container这类组件里），Row会自动收缩到和子组件最小尺寸一致。而你用Flexible包裹Text的目的是让Text填充Row的可用空间，但如果Row本身没有可用空间，Text就会被压缩到完全看不见。

解决办法1：给Row加上带约束的父组件（最推荐）
把Row放在Scaffold的body里是最常见的做法，Scaffold会自动获取屏幕的可用空间，给Row提供明确的宽度约束，这样Flexible包裹的Text就能正常渲染了：

@override
Widget build(BuildContext context) {
  return Scaffold(
    body: Row(
      children: [
        Flexible(
          child: Text(
            "Hello, world!",
            textDirection: TextDirection.ltr,
          ),
        ),
      ],
    ),
  );
}

解决办法2：调整Row的主轴尺寸属性
如果你不想用Scaffold，可以给Row设置mainAxisSize: MainAxisSize.max，强制Row占满主轴方向的所有可用空间，这样Flexible的作用就能正常发挥：
```
@override
Widget build(BuildContext context) {
  return Row(
    mainAxisSize: MainAxisSize.max,
    children: [
      Flexible(child: Text("Hello, world!", textDirection: TextDirection.ltr))
    ],
  );
}
```