如何设置TextField的精确高度为200px并添加边框（非padding方式）

直接用SizedBox包裹TextField其实是可行的，但需要配合几个关键属性调整，让边框完整包围指定高度，同时避免内容被挤压。以下是两种实用的实现方式：

方法一：SizedBox + 自定义输入装饰 #

通过SizedBox固定外层高度，再调整InputDecoration的参数，确保边框刚好贴合SizedBox的尺寸：

SizedBox(
  height: 200, // 精确设置200px高度
  child: TextField(
    decoration: InputDecoration(
      border: OutlineInputBorder(), // 启用完整边框
      contentPadding: EdgeInsets.symmetric(vertical: 8, horizontal: 16), // 调整内边距适配内容
      isDense: true, // 移除默认的多余内边距
    ),
    maxLines: null, // 允许内容自动换行
    expands: true, // *关键属性：让TextField占满父容器空间*
  ),
)

这里的expands: true是核心，它会让TextField完全填充SizedBox的200px高度，再配合isDense: true去掉默认的冗余内边距，边框就会完整包裹整个区域。

方法二：直接通过装饰约束设置高度 #

不需要额外的SizedBox，直接在InputDecoration的constraints里固定高度：

TextField(
  decoration: InputDecoration(
    border: OutlineInputBorder(),
    contentPadding: EdgeInsets.symmetric(horizontal: 16, vertical: 8),
    isDense: true,
    constraints: BoxConstraints(
      minHeight: 200,
      maxHeight: 200, // 强制高度为200px
    ),
  ),
  maxLines: null,
  expands: true, // *必须设置，否则无法填充指定高度*
)

这种方式直接在输入框的装饰中限定高度，效果和用SizedBox包裹一致，边框会自动贴合设置的200px高度。

注意：一定要同时设置maxLines: null和expands: true，否则TextField可能无法自动填充指定高度，内容也无法正常换行显示。

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