改变 Flutter TextField 的比例

Question

我开始将我的代码从使用标准 Android 库转换为 Flutter，因此我也可以快速部署到 iOS 设备上，但我只是担心 TextField 的比例；即 Flutter 的 TextField 的比例与 Android 的 EditText 不同。

为了比较，这里是 Android 的 EditText：

这是 Flutter 的 TextField：

有没有办法让 Flutter TextField 看起来更像 Android EditText？下划线和占位符文本之间的空间让我很烦，输入文本的大小比我预期的要小。如果 RaisedButton 看起来和普通的 Android Button 完全一样，为什么 TextField 不能这样做？

Answer 1

在InputDecoration 中设置isDense: true。然后根据需要调整InputDecoration中的contentPadding

TextField(
  decoration: InputDecoration(
    hintText: "Username",
    isDense: true,
    contentPadding: EdgeInsets.symmetric(  //You can also use EdgeInsets.only 
      horizontal: 0.0, //Change this 
      vertical: 0.0, //Change this 
    ),
  ),
)

查看演示here