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

Question

如何自定义TextField的width和height？

Answer 1

要调整宽度，您可以TextField用Container小部件包装，如下所示：

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

您可以使用InputDecoration和decoration属性TextField。例如，您可以执行以下操作：

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