Flutter中如何将TextField尺寸限制为其内容大小？

要让TextField的尺寸完全匹配内容大小（宽高随内容自动调整），可以通过以下方式实现：

核心实现方法 #

用IntrinsicWidth组件包裹TextField，同时设置TextField的maxLines为null，允许内容自动换行并调整高度：

IntrinsicWidth(
  child: TextField(
    maxLines: null, // 开启自动换行，高度随内容行数自适应
    decoration: InputDecoration(
      border: OutlineInputBorder(),
      contentPadding: EdgeInsets.symmetric(horizontal: 12, vertical: 8),
    ),
  ),
)

进阶控制 #

如果需要限制最大宽度，避免内容过长时宽度无限扩展，可结合ConstrainedBox：

ConstrainedBox(
  constraints: BoxConstraints(maxWidth: 350), // 限制最大宽度
  child: IntrinsicWidth(
    child: TextField(
      maxLines: null,
      decoration: InputDecoration(
        border: OutlineInputBorder(),
        contentPadding: EdgeInsets.symmetric(horizontal: 12, vertical: 8),
      ),
    ),
  ),
)

仅高度自适应（宽度充满父容器） #

如果只需要高度随内容调整，宽度保持充满父容器，直接设置maxLines: null即可，无需IntrinsicWidth：

TextField(
  maxLines: null,
  decoration: InputDecoration(
    border: OutlineInputBorder(),
    contentPadding: EdgeInsets.symmetric(horizontal: 12, vertical: 8),
  ),
)

原理说明 #

• IntrinsicWidth会强制子组件的宽度适配其内容的固有宽度，避免TextField默认填充父容器宽度。
• maxLines: null解除了TextField的行数限制，使其可以根据内容自动换行并调整自身高度。

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