Flutter文本溢出错误修复：Flexible/Expanded使用后仍报错

• Flutter中Row的布局逻辑为：非弹性子组件会按照自身固有宽度占用空间，不会自动适配父容器的剩余可用宽度
• 当前布局的宽度约束断层出现在嵌套的内层Row上：外层Row的第二个子项是一个无宽度上限的内层Row，这个Row会按照内部所有组件的固有宽度撑开自身，完全无视外层Row的可用宽度边界
• 尽管已为地址文本设置TextOverflow.ellipsis和softWrap: false，但由于Text组件所在的组件链上没有任何一层设置宽度上限，Text会拿到无限宽的布局约束，根本不会触发截断逻辑，最终长文本会将整个Row撑出屏幕边界
• 此前添加Flexible、Expanded无效，核心原因是弹性约束加错了层级——仅在Text外层添加约束，没有从最外层无限制的Row开始收束宽度，弹性组件无法参与正常布局计算。

按照布局层级逐层补充宽度约束，核心改动点：

• 把外层Row里承载定位图标+地址的整个内层Row，用Expanded包裹，强制将该模块的最大宽度限制为“外层Row总宽度 - Explore标题组件占用的固定宽度”的剩余可用空间
• 把内层Row里地址文本所在的Container，用Flexible包裹，让地址文本的最大宽度被限制为“内层Row总宽度 - 定位图标占用的固定宽度”的剩余空间，此时Text自带的截断规则即可正常触发

修正后的完整代码：

Container(
  color: Theme.of(context).accentColor,
  margin: EdgeInsets.only(top: 0),
  child: Row(
    children: [
      Container(
          height: 50,
          padding: EdgeInsets.only(top: 20, bottom: 0),
          margin: EdgeInsets.only(left: 15, bottom: 30),
          child: Center(
            child: Text(
              'Explore',
              style: TextStyle(
                  fontSize: 25,
                  fontWeight: FontWeight.bold,
                  color: Colors.white),
            ),
          )),
      // 关键修改1：包裹整个内层地址行，约束模块总宽度
      if (settingsRepo.deliveryAddress.value?.address != null)
        Expanded(
          child: Row(
            children: [
              Container(
                  padding: EdgeInsets.only(top: 20, bottom: 0),
                  margin: EdgeInsets.only(left: 15, bottom: 25),
                  child: Icon(
                    Icons.location_on,
                    color: Colors.white,
                  )),
              // 关键修改2：包裹地址文本容器，约束文本宽度触发截断
              Flexible(
                child: Container(
                  color: Colors.transparent,
                  padding: EdgeInsets.only(
                    top: 20,
                    bottom: 0,
                  ),
                  margin: EdgeInsets.only(left: 2, bottom: 25),
                  child: Text(
                    "Near to" +
                        " " +
                        (settingsRepo.deliveryAddress.value?.address),
                    style: TextStyle(
                        fontSize: 13,
                        color: Colors.white,
                        fontWeight: FontWeight.normal),
                    overflow: TextOverflow.ellipsis,
                    softWrap: false,
                  ),
                ),
              ),
            ],
          ),
        ),
    ],
  ),
);

• 弹性约束必须从最外层的无限制Row开始逐层添加，不能只在最内层的Text组件上包裹Flexible，否则约束无法传导到布局计算环节
• 如果需要调整地址区域和标题的宽度占比，可以给Expanded添加flex参数微调，比如设置flex: 4让地址区域占用更多可用宽度
• 不需要修改Text本身的截断配置，保持原有TextOverflow.ellipsis设置即可，宽度约束到位后截断逻辑会自动生效

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