无法从Flutter中的TextField和TextFormField删除底面填充

时间:2019-12-28 15:41:29

标签: flutter dart

我有这个小部件:

TextFormField(
  controller: _activityName,
  autocorrect: true,
  textAlign: TextAlign.start,
  decoration: InputDecoration(
      contentPadding = EdgeInsets.zero,



      border: UnderlineInputBorder(

      ),

      hintText: ""),
  maxLines: 1,
  cursorColor: Colors.white,
),

如您所见,我明确将padding设置为0,如下所示: How do I remove content padding from TextField?

但是我得到的结果是:

enter image description here

正如您在“文本MyActivity”下所看到的,有很多填充,但是我无法摆脱它。 它看起来像个错误,但我不确定:

这是扑扑的医生:

Flutter (Channel stable, v1.12.13+hotfix.5, on Microsoft Windows [Version 10.0.18362.295], locale en-US)
    • Flutter version 1.12.13+hotfix.5 %Flutter path%
    • Framework revision 27321ebbad (3 weeks ago), 2019-12-10 18:15:01 -0800
    • Engine revision 2994f7e1e6
    • Dart version 2.7.0

2 个答案:

答案 0 :(得分:2)

https://stackoverflow.com/a/59295394/4465386中-还可以查看演示。

这是获取0个填充文本字段的方法:

TextField(
  decoration: InputDecoration(
    contentPadding: EdgeInsets.all(0),
    isDense: true,
  ),
);

答案 1 :(得分:0)

您可以通过折叠使用一些空间:

TextField(
  decoration: InputDecoration.collapsed(hintText: null),
),