Flutter 文本输入框高度设置及其原理

在Flutter中，设置TextField的高度可以通过设置decoration属性中的contentPadding来调整，或者直接通过style属性中的fontSize来间接调整。以下是一个示例代码：

TextField(
  decoration: InputDecoration(
    contentPadding: EdgeInsets.symmetric(vertical: 10.0), // 垂直填充
  ),
  style: TextStyle(fontSize: 20.0), // 字体大小间接影响高度
)

在这个例子中，contentPadding的vertical属性设置为10.0，这会增加TextField的垂直高度。而fontSize设置为20.0，会使得文本看起来比较大，整个输入框看起来也相对较高。如果你想要精确控制TextField的高度，可以使用Container或者SizedBox来包装它，并设置具体的height属性：

SizedBox(
  height: 50.0, // 设置输入框的高度
  child: TextField(
    decoration: InputDecoration.collapsed(hintText: 'Enter text'), // 隐藏装饰
  ),
)

在这个例子中，SizedBox的height属性设置了TextField的高度为50像素。InputDecoration.collapsed用于隐藏装饰，使得TextField看起来更加简洁。