在 Flutter 中为 `TextFormField` 设置高度可以通过多种方式实现，以下是 **5种常用方法** 及其适用场景： --- ### **方法1：通过 `contentPadding` 调整（推荐）** ```dart TextFormField( decoration: InputDecoration( contentPadding: EdgeInsets.symmetric(vertical: 20), // 控制内部高度 border: OutlineInputBorder(), ), ) ``` **特点**： ✅ 仅改变输入区域高度，不破坏默认装饰（如下划线/边框） ❌ 无法精确控制总高度（包含标签/错误提示） --- ### **方法2：使用 `SizedBox` 强制高度** ```dart SizedBox( height: 100, // 总高度控制 child: TextFormField( decoration: InputDecoration(border: OutlineInputBorder()), ), ) ``` **特点**： ✅ 精确控制总占用高度 ⚠️ 需配合 `InputDecoration(border: OutlineInputBorder())` 显示完整边框 --- ### **方法3：`minLines`/`maxLines` 控制行数** ```dart TextFormField( minLines: 3, // 最小行数 maxLines: 5, // 最大行数（null为不限制） decoration: InputDecoration(border: OutlineInputBorder()), ) ``` **特点**： ✅ 根据内容动态调整高度 ❌ 仅适用于多行文本输入 --- ### **方法4：自定义 `InputDecoration` 样式** ```dart TextFormField( decoration: InputDecoration( isDense: true, // 减少默认padding filled: true, fillColor: Colors.grey[200], constraints: BoxConstraints(minHeight: 80), // 最小高度 border: OutlineInputBorder(), ), ) ``` **特点**： ✅ 高度与背景色结合 ⚠️ `isDense` 会压缩内部间距 --- ### **方法5：`Container` + `Padding` 组合** ```dart Container( height: 120, padding: EdgeInsets.symmetric(horizontal: 12), child: TextFormField( decoration: InputDecoration(border: InputBorder.none), ), ) ``` **特点**： ✅ 完全自定义容器样式 ❌ 需手动处理边框等装饰 --- ### **完整示例代码** ```dart SizedBox( height: 100, child: TextFormField( decoration: InputDecoration( contentPadding: EdgeInsets.symmetric(vertical: 20, horizontal: 15), labelText: '用户名', border: OutlineInputBorder( borderRadius: BorderRadius.circular(10), ), ), ), ) ``` --- ### **不同场景推荐方案** | **需求** | **推荐方案** | |------------------------|--------------------------| | 仅需增加输入区域高度 | 方法1（contentPadding） | | 精确控制总高度 | 方法2（SizedBox） | | 多行文本输入 | 方法3（minLines） | | 带背景色的输入框 | 方法4（filled+constraints） | | 完全自定义外观 | 方法5（Container） | ---