Flutter TextField非编辑状态下如何实现文本多行自动换行

当前代码仅配置了多行输入键盘、无限制最大行数，未设置最小行数参数。TextField默认未聚焦（非编辑）状态下minLines属性值为1，页面切走再返回触发组件重建时，组件会按单行高度渲染，长文本无法自动折行就会出现水平方向溢出。

给TextField同时配置minLines与maxLines属性即可，无需额外监听焦点状态：

TextField(
  // 替换成你项目中实际绑定的TextEditingController
  controller: textController,
  keyboardType: TextInputType.multiline,
  // 空文本状态下默认展示1行高度，可按需调整为2/3等固定值
  minLines: 1,
  // 最大行数不做限制，文本长度增加时自动扩展高度
  maxLines: null,
)

配置说明 #

• 上述配置下，无论TextField是否处于编辑状态，文本都会自动按照组件宽度折行展示，不会出现单行溢出问题
• 如果需要非编辑状态下固定展示多行高度，直接修改minLines的数值即可，比如设置为3时，非聚焦状态下组件会保留3行高度，长文本自动折行填满
• 不要使用外层套滚动组件+固定高度的方式实现，会导致输入时光标错位、滚动冲突等问题

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