Flutter 在文本字段中将填充抖动为文本
我给了文本字段一个自定义高度,周围有一个容器。图标是中间的STLII,但是文本不在文本域的中心。有人知道解决这个问题的方法吗Flutter 在文本字段中将填充抖动为文本,flutter,user-interface,uitextfield,height,textfield,Flutter,User Interface,Uitextfield,Height,Textfield,我给了文本字段一个自定义高度,周围有一个容器。图标是中间的STLII,但是文本不在文本域的中心。有人知道解决这个问题的方法吗 Container( height: 45, child: TextFormField( decoration: InputDecoration( fil
Container(
height: 45,
child: TextFormField(
decoration: InputDecoration(
filled: true,
fillColor: Colors.grey[100],
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(20),
borderSide: BorderSide(
width: 0,
style: BorderStyle.none,
),
),
hintText: 'Hint Text',
),
style: TextStyle(
fontSize: 18,
),
),
),
对于水平居中的提示文本:提示文本根据
TextFormField
的textAlign
对齐,因此将textAlign:textAlign.center
添加到TextFormField
将提示文本水平居中
对于垂直居中的提示文本:在文本字段
中添加一个contentPadding
,例如contentPadding:EdgeInsets.symmetric(垂直:2)
Container(
height: 45,
child: TextFormField(
textAlign: TextAlign.center, // this is new
decoration: InputDecoration(
filled: true,
contentPadding: EdgeInsets.symmetric(vertical: 2), // this is new
fillColor: Colors.grey[100],
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(20),
borderSide: BorderSide(
width: 0,
style: BorderStyle.none,
),
),
hintText: 'Hint Text',
),
style: TextStyle(
fontSize: 18,
),
),
),
对于水平居中的提示文本:提示文本根据
TextFormField
的textAlign
对齐,因此将textAlign:textAlign.center
添加到TextFormField
将提示文本水平居中
对于垂直居中的提示文本:在文本字段
中添加一个contentPadding
,例如contentPadding:EdgeInsets.symmetric(垂直:2)
Container(
height: 45,
child: TextFormField(
textAlign: TextAlign.center, // this is new
decoration: InputDecoration(
filled: true,
contentPadding: EdgeInsets.symmetric(vertical: 2), // this is new
fillColor: Colors.grey[100],
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(20),
borderSide: BorderSide(
width: 0,
style: BorderStyle.none,
),
),
hintText: 'Hint Text',
),
style: TextStyle(
fontSize: 18,
),
),
),