[Flutter]TextField设置高度后文字不能垂直居中的解决

{{ time }}

在InputDecoration中加:

contentPadding: EdgeInsets.fromLTRB(10, 0, 0, 0), //自己调整padding

示例:

Container(
  padding: const EdgeInsets.fromLTRB(5, 5, 0, 10),
  height: 50,
  child: const TextField(
    showCursor: true,

    ///用来配置 TextField 的样式风格
    decoration: InputDecoration(
      contentPadding: EdgeInsets.fromLTRB(10, 0, 0, 0), //加上这句话, 以解决问题

      filled: true,
      fillColor: Color(0xffF6F6F8),

      // 焦点离开时样式
      enabledBorder: OutlineInputBorder(
        borderRadius: BorderRadius.all(Radius.circular(6)),
        borderSide: BorderSide(
          color: Colors.green,
          width: 2.0,
        ),
      ),

      //获取焦点时样式
      focusedBorder: OutlineInputBorder(
        borderRadius: BorderRadius.all(Radius.circular(6)),
        borderSide: BorderSide(
          color: Colors.blue,
          width: 2.0,
        ),
      ),
    ),
  ),
),
0.112763s