Flutter中隐藏TextField maxlength计数后尺寸异常问题求助

你尝试用counterText: ""、counter: Offstage()或counter: SizedBox.shrink()隐藏TextField的最大长度计数器后，出现了尺寸变化的问题，嵌套SizedBox也无法控制宽高。这是因为设置maxLength后，TextField会默认预留计数器的布局空间，即使隐藏计数器，预留空间仍然存在，导致尺寸异常。

正确解决方法 #

1. 在InputDecoration中同时设置counterText: ""和isDense: true，isDense会压缩TextField内部多余空间，消除计数器预留的位置。
2. 配合调整contentPadding控制TextField内部边距，使其适配外层SizedBox的高度。
3. 调整外层Row的crossAxisAlignment为CrossAxisAlignment.center，避免顶部对齐导致的高度适配问题。

修改后的代码示例：

Row(
  mainAxisAlignment: MainAxisAlignment.start,
  crossAxisAlignment: CrossAxisAlignment.center,
  children: [
    const Padding(
      padding: EdgeInsets.fromLTRB(50, 0, 0, 20),
      child: Text(
        "Father:",
        style: TextStyle(
            fontWeight: FontWeight.bold,
            fontSize: 14,
            height: 1.5),
      ),
    ),
    const SizedBox(width: 5),
    Expanded(
      child: SizedBox(
        height: 60,
        child: TextField(
          controller: _fatherhistory,
          maxLength: 1000,
          decoration: InputDecoration(
            border: OutlineInputBorder(),
            contentPadding: EdgeInsets.symmetric(vertical: 18, horizontal: 10),
            counterText: "",
            isDense: true,
          ),
          style: TextStyle(fontSize: 14),
        ),
      ),
    ),
  ],
),

备选方案 #

如果isDense效果不符合预期，可直接将counter设置为SizedBox.shrink()，彻底移除计数器的布局空间：

decoration: InputDecoration(
  border: OutlineInputBorder(),
  contentPadding: EdgeInsets.symmetric(vertical: 18, horizontal: 10),
  counter: const SizedBox.shrink(),
),

修改后，TextField尺寸会严格遵守外层SizedBox的限制，同时计数器被彻底隐藏。

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