Flutter中TextOverflow.visible不生效问题求助

问题原因 #

你的布局存在两个导致TextOverflow.visible失效的问题：

1. 文本外层嵌套了多余的Row，这个嵌套结构毫无意义，反而会额外约束文本的宽度
2. 文本组件未做正确配置来突破外层Row的宽度限制——外层Row会强制子组件在可用空间内布局，导致文本被截断，TextOverflow.visible无法发挥作用

修复方案 #

移除多余的嵌套Row，通过Expanded包裹文本组件，让文本占据Row的剩余空间，确保TextOverflow.visible生效。如果需要文本完全不受宽度限制（允许超出屏幕范围），可以使用UnconstrainedBox包裹Text。

修复后的代码示例

SafeArea(
  child: Scaffold(
    resizeToAvoidBottomInset: true,
    body: CustomScrollView(
      slivers: [
        SliverFillRemaining(
          hasScrollBody: false,
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Container(
                margin: const EdgeInsets.symmetric(horizontal: 5),
                child: Row(
                  children: [
                    ConstrainedBox(
                      constraints: BoxConstraints(
                        maxWidth: MediaQuery.of(context).size.width * 0.4,
                        maxHeight: MediaQuery.of(context).size.width * 0.4,
                      ),
                      child: const Image(image: emptySearch),
                    ),
                    // 移除多余Row，用Expanded包裹Text
                    Expanded(
                      child: Text(
                        "U - lo Músico?",
                        overflow: TextOverflow.visible,
                        style: Theme.of(context).textTheme.displayLarge,
                      ),
                    ),
                  ],
                ),
              ),
              Container(
                margin: const EdgeInsets.symmetric(horizontal: 40),
                child: Form(...),
              ),
            ],
          ),
        ),
      ],
    ),
  ),
);

若需文本完全超出Row限制（如长文本超出屏幕）

可以用UnconstrainedBox替代Expanded，但需注意这种布局可能导致内容溢出屏幕，需根据实际场景调整：

// 替换Expanded部分为：
UnconstrainedBox(
  child: Text(
    "U - lo Músico?",
    overflow: TextOverflow.visible,
    style: Theme.of(context).textTheme.displayLarge,
  ),
),

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