Flutter中解决Remarks文本溢出实现自动换行问题

你的Remarks文本出现溢出问题，是因为Text组件在Row布局中没有明确的宽度约束，且未配置自动换行属性，导致长文本无法折行显示。以下是两种可行的解决方式：

方法一：配置Text组件的换行属性 #

直接修改显示Remarks的Text组件，添加maxLines和overflow属性，让文本自动换行：

Text(
  "$trRemark",
  style: TextStyle(
      fontSize: 13,
      fontWeight: FontWeight.bold),
  maxLines: null, // 允许文本无限换行
  overflow: TextOverflow.visible, // 溢出时自动折行
)

方法二：用Flexible包裹Text组件 #

由于Text所在的Column处于Row布局中，Row默认会给子组件分配无限宽度。用Flexible包裹Text可以让它适应Column的可用空间，从而自动换行：

Flexible(
  child: Text(
    "$trRemark",
    style: TextStyle(
        fontSize: 13,
        fontWeight: FontWeight.bold),
    maxLines: null,
  ),
)

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