如何减少颤动中Textfield的额外填充

Posted

技术标签:

【中文标题】如何减少颤动中Textfield的额外填充【英文标题】:How to decrease the extra padding of Textfield in flutter 【发布时间】:2021-04-02 08:04:41 【问题描述】:

我有一个具有一些默认填充的文本字段。我想删除顶部和底部填充。我该怎么做?

下面是图片

我尝试将 maxLines 属性赋予 Textfield,但没有成功。

                                   TextField(
                                         onChanged:
                                         bloc.changeRole,
                                         decoration: new InputDecoration(
                                             contentPadding:
                                             EdgeInsets.symmetric(
                                                 vertical: 0,
                                                 horizontal: 15.0),
                                             border: new OutlineInputBorder(
                                                 borderSide:
                                                 const BorderSide(
                                                     width: 2.0,
                                                     style:
                                                     BorderStyle
                                                         .solid),
                                                 borderRadius:
                                                 BorderRadius
                                                     .circular(
                                                     50.0)),
                                             focusedBorder:
                                             OutlineInputBorder(
                                               borderSide:
                                               const BorderSide(
                                                   color:
                                                   Colors.grey,
                                                   width: 2.0),
                                               borderRadius:
                                               BorderRadius.circular(
                                                   50.0),
                                             ),
                                             hintText: 'Role',
                                             hintStyle: new TextStyle(
                                                 color: Colors.grey,
                                                 fontWeight:
                                                 FontWeight.bold),
                                             errorText: snapshot.error),
                                       )

【问题讨论】:

【参考方案1】:

只需设置isDense:true

TextField(
      decoration: new InputDecoration(
        isDense: true,
        contentPadding: const EdgeInsets.symmetric(vertical: 0, horizontal: 15.0),
      ),
),

【讨论】:

以上是关于如何减少颤动中Textfield的额外填充的主要内容,如果未能解决你的问题,请参考以下文章

如何从 TextField 中删除内容填充?

当我在颤动中按下按钮时,如何将 Card 小部件替换为 TextField? [关闭]

如何更改文本字段颤动中的值?

如何在颤动中制作圆形 TextField?

如何使颤动的TextField高度匹配容器的父级?

当我开始输入 textField 它溢出颤动