调整 TextField
高度,使用 SizedBox
包裹,设置 SizedBox
高度为自定义高度;
调整 TextField
上下边距,达到居中效果,关键代码:
contentPadding: const EdgeInsets.symmetric(horizontal: 4, vertical: 8),
SizedBox(
height: 40,
child: TextField(
controller: _controller,
style: const TextStyle(color: Colors.white),
decoration: InputDecoration(
contentPadding: const EdgeInsets.symmetric(horizontal: 4, vertical: 8),
labelText: 'xxxx',
labelStyle: const TextStyle(color: Colors.white30,),
filled: true, // 启用填充背景颜色
fillColor: colorRGB(0x333333),
border: OutlineInputBorder( // 添加边框
borderRadius: BorderRadius.circular(8.0),
borderSide: BorderSide.none, // 无边框
),
floatingLabelBehavior: FloatingLabelBehavior.never, // 取消文本上移效果
),
),
),