如何自定义TextField的width和height?
TextField
width
height
要调整宽度,您可以TextField用Container小部件包装,如下所示:
Container
Container( width: 100.0, child: TextField() )
我真的不确定要达到的高度时要做什么,TextField但是您绝对可以看看该TextStyle小部件,您可以使用该小部件来操作fontSizeand和/或height
TextStyle
fontSize
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逻辑像素高。
此文本跨度的高度,是字体大小的倍数。
如果[height]为null或省略,则行高将直接由字体的度量标准确定,这可能与fontSize不同。当[height]不为空时,文本范围的行高将是[fontSize]的倍数,并且恰好是fontSize * height逻辑像素高。
fontSize * height
最后但并非最不重要的一点是,您可能想看看decoration您的财产TextField,这给您带来了很多可能性
decoration
编辑: 如何更改内部填充/边距TextField
您可以使用InputDecoration和decoration属性TextField。例如,您可以执行以下操作:
InputDecoration
TextField( decoration: const InputDecoration( contentPadding: const EdgeInsets.symmetric(vertical: 40.0), ) )