【问题标题】:Flutter, content padding for TextFormField not working correctly?Flutter,TextFormField 的内容填充无法正常工作?
【发布时间】:2021-01-30 15:27:26
【问题描述】:

我有以下输入文本表单字段我正在尝试为输入和文本或填充留出更好的空间

InputDecoration buildInputDecoration(
    String hintText, String lableText, double fontSize) {
  return InputDecoration(
    //hintText: hintText,
    labelText: lableText,
    labelStyle: TextStyle(
      fontSize: fontSize,
    ),
    contentPadding: EdgeInsets.fromLTRB(0.0, 0.0, 0.0, 55.0),
  );
}

final usernameField = Container(
        child: TextFormField(
      //textAlignVertical: TextAlignVertical.top,
      autofocus: false,
      validator: validateEmail,
      onSaved: (value) => _email = value,
      decoration: buildInputDecoration('Confirm password', 'Email', 16),
    ));

如您所见,它看起来不错

但是当我输入文本时,输入文本一直到顶部,而不是线条或边框的一部分

我该如何解决这个问题

【问题讨论】:

    标签: flutter dart


    【解决方案1】:

    padding 确实可以工作。但是为了在TextField 上拥有0 padding,请考虑添加dense 属性,如下所示

    InputDecoration(
      // ...
      isDense: true,
    ),
    

    【讨论】:

    • 只需像这样反转paddingEdgeInsets.fromLTRB(0.0, 55.0, 0.0, 0.0)
    • 是的,如何在选择文本文件时更改字体大小
    • 使用布尔变量并在您的 TextField 更改焦点时更改其值。因此,根据您的变量调整 TextField 的字体大小
    猜你喜欢
    • 2020-03-05
    • 1970-01-01
    • 2017-01-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多