Flutter中如何控制聚焦/有内容时浮动表单标签与输入框的间距？

关于CupertinoTextFormFieldRow的选择问题 #

CupertinoTextFormFieldRow是严格遵循iOS设计规范的组件，它的验证错误消息样式是固定的，无法像Material组件库的TextFormField那样，通过InputDecoration灵活自定义错误样式。所以你放弃它改用TextFormField是合理的选择。

控制浮动标签与输入框的垂直间距 #

你观察到的OutlineInputBorder影响浮动标签位置的现象是正确的，但这不是唯一的控制方式——本质是不同border类型对应的默认contentPadding存在差异：

• 未设置border时，InputDecoration的默认contentPadding更紧凑，导致浮动标签和输入内容的间距较小；使用OutlineInputBorder时，默认的上下内边距更大，标签与输入内容的距离会被拉开。
• 如果想要精准控制这个间距，最直接的方法是手动设置InputDecoration的contentPadding属性，示例代码如下：

  InputDecoration(
    contentPadding: EdgeInsets.symmetric(vertical: 18.0), // 根据需求自定义上下内边距
    labelText: '用户名',
    // 其他配置...
  )
  

• 此外，floatingLabelStyle中的height属性也可以微调标签自身的行高，配合contentPadding能实现更细致的排版效果。

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