嘿，这个问题我之前开发的时候也踩过坑！Flutter的TextField默认是单行模式，所以当输入长文本时自然会溢出屏幕，咱们只需要调整几个关键属性就能轻松实现自动换行：

核心解决步骤 #

• 设置maxLines为null：这是开启自动换行的关键！默认maxLines是1，强制单行显示；把它设为null后，TextField会根据输入内容自动扩展行数，文本超出宽度时自动换行。
• 可选：限制最大行数：如果不想让TextField无限扩展，可以给maxLines设置一个具体数值（比如5），当文本超过这个行数时，会自动出现垂直滚动条。
• 可选：优化输入体验：把textInputAction设为TextInputAction.newline，这样用户按回车键就能手动换行，交互更友好。

完整代码示例 #

自动扩展行数的情况

Container(
  width: 350, // 给Container设置宽度约束，确保文本有换行的边界
  child: TextField(
    maxLines: null,
    textInputAction: TextInputAction.newline,
    decoration: InputDecoration(
      hintText: "输入一段长文本试试~",
      border: OutlineInputBorder(),
      contentPadding: EdgeInsets.all(12),
    ),
  ),
)

限制最大行数的情况

Container(
  width: 350,
  height: 180, // 固定Container高度，配合maxLines限制
  child: TextField(
    maxLines: 5, // 最多显示5行，超过后滚动
    decoration: InputDecoration(
      hintText: "最多5行，超出会滚动",
      border: OutlineInputBorder(),
      contentPadding: EdgeInsets.all(12),
    ),
  ),
)

注意点 #

一定要给外层的Container设置明确的宽度约束（比如固定width或者用Expanded包裹），不然TextField会尽可能占满水平空间，可能不会触发换行哦！

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