一尘不染

如何更新Flutter TextField的高度和宽度?

flutter

如何自定义TextFieldwidthheight


阅读 2851

收藏
2020-08-13

共1个答案

一尘不染

要调整宽度,您可以TextFieldContainer小部件包装,如下所示:

Container(              
  width: 100.0,
  child: TextField()
)

我真的不确定要达到的高度时要做什么,TextField但是您绝对可以看看该TextStyle小部件,您可以使用该小部件来操作fontSizeand和/或height

Container(              
  width: 100.0,
  child: TextField(                                 
    style: TextStyle(
      fontSize: 40.0,
      height: 2.0,
      color: Colors.black                  
    )
  )
)

请记住,根据属性本身的注释,height中的TextStyle是字体大小的倍数:

此文本跨度的高度,是字体大小的倍数。

如果[height]为null或省略,则行高将直接由字体的度量标准确定,这可能与fontSize不同。当[height]不为空时,文本范围的行高将是[fontSize]的倍数,并且恰好是fontSize * height逻辑像素高。

最后但并非最不重要的一点是,您可能想看看decoration您的财产TextField,这给您带来了很多可能性

编辑: 如何更改内部填充/边距TextField

您可以使用InputDecorationdecoration属性TextField。例如,您可以执行以下操作:

TextField(                                
    decoration: const InputDecoration(
        contentPadding: const EdgeInsets.symmetric(vertical: 40.0),
    )
)
2020-08-13