时间戳

首页 > 解决方案 > 如何更改 TextField 的高度和宽度？

flutter - 如何更改 TextField 的高度和宽度？

问题描述

如何自定义TextField'swidth和height?

标签： flutterflutter-layouttextfield

解决方案

要调整宽度，你可以TextField用一个Container小部件包裹你，如下所示：

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

我不太确定你的高度是什么，TextField但你肯定可以看一下TextStyle小部件，你可以用它来操作fontSize和/或height

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

请记住，根据对属性本身的评论，heightin是字体大小的乘数：TextStyle

此文本跨度的高度，作为字体大小的倍数。

当 [height] 为 null 或省略时，行高将直接由字体的度量决定，可能与 fontSize 不同。当 [height] 不为 null 时，文本跨度的行高将是 [fontSize] 的倍数，并且恰好是fontSize * height逻辑像素高。

最后但并非最不重要的一点是，您可能想看看您的decoration财产TextField，这为您提供了很多可能性

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

你可以玩弄InputDecoration和 的decoration属性TextField。例如，您可以执行以下操作：

TextField(                                
    decoration: const InputDecoration(
        contentPadding: const EdgeInsets.symmetric(vertical: 40.0),
    )
)

推荐阅读