Flutter Text组件莫名换行求助：画布正常T恤图层却换行

1. 强制文本保持单行 #

在EditableTextWidget的两个Text组件中添加softWrap: false和overflow: TextOverflow.visible，强制文本不自动换行，超出容器的部分完整显示：

// 带描边的Text组件
Text(
  text,
  textAlign: textAlign,
  softWrap: false,
  overflow: TextOverflow.visible,
  style: style.copyWith(...),
),
// 主文本的Text组件
Text(
  text,
  textAlign: textAlign,
  softWrap: false,
  overflow: TextOverflow.visible,
  style: style.copyWith(...),
),

2. 动态调整容器宽度 #

当前EditableTextWidget内部的Container强制设置width: double.infinity，会让容器占满父容器宽度，导致文本在有限空间内换行。可以根据backGroundColorTakesFullWidth参数动态设置容器宽度，不需要背景占满全屏时，让容器宽度由文本内容决定：

Container(
  color: Colors.amber,
  width: backGroundColorTakesFullWidth ? double.infinity : null,
  child: Stack(...),
),

3. 移除不必要的外层容器约束 #

T恤场景中你给EditableTextWidget套了一个width: double.infinity的红色Container，如果这个容器的父元素（比如T恤图片容器）有固定宽度限制，会间接压缩文本的可用宽度。可以去掉这个外层容器的宽度约束，或者直接移除多余的外层容器：

// 修改T恤场景调用代码
CustomSingleChildLayout(
  delegate: CustomDelegate(offset: addModel.positionOffset),
  child: EditableTextWidget(
    key: textKey,
    scalingFactor: 0.5,
    // 其他参数保持不变
  ),
),

核心原因 #

文本自动换行是因为Text组件默认开启softWrap: true，会根据父容器的可用宽度自动换行。通过禁用自动换行、调整容器宽度约束，就能避免不必要的换行，让文本保持预期的单行展示。

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