Flutter技术问题：如何让TextField文本与hintText垂直居中

你的问题可以通过以下几个调整实现所有元素垂直对齐：

1. 修正文本垂直对齐属性
   原代码里的textAlignVertical: TextAlignVertical.bottom是导致文本和hintText靠下的核心原因，把它改成TextAlignVertical.center或者直接删除即可让文本区域垂直居中。

2. 统一垂直内边距
   将contentPadding: const EdgeInsets.all(16)调整为垂直方向与前后缀图标padding匹配的数值：

   contentPadding: const EdgeInsets.symmetric(vertical: 12, horizontal: 16),
   

   这样文本区域的上下内边距和图标上下padding保持一致，对齐更协调。

3. 明确后缀元素垂直对齐
   在后缀的Row组件里加上crossAxisAlignment: CrossAxisAlignment.center，确保内部元素强制垂直居中（Row默认已有此属性，显式声明更稳妥）。

修改后的完整代码：

return Container(
  margin: const EdgeInsets.fromLTRB(20, 40, 20, 0),
  decoration: BoxDecoration(boxShadow: [
    BoxShadow(
      color: const Color(0xff1D1617).withOpacity(0.11),
      blurRadius: 40,
      spreadRadius: 0,
    )
  ]),
  child: TextField(
    textAlignVertical: TextAlignVertical.center,
    decoration: InputDecoration(
      filled: true,
      fillColor: Colors.white,
      contentPadding: const EdgeInsets.symmetric(vertical: 12, horizontal: 16),
      hintText: 'Search Pancake',
      hintStyle: const TextStyle(
        color: Color(0xffDDDADA),
        fontSize: 14,
      ),
      prefixIcon: Padding(
        padding: const EdgeInsets.all(12.0),
        child: SvgPicture.asset('assets/icons/Search.svg'),
      ),
      suffix: Container(
        width: 100,
        child: IntrinsicHeight(
          child: Row(
            mainAxisAlignment: MainAxisAlignment.end,
            crossAxisAlignment: CrossAxisAlignment.center,
            children: [
              const VerticalDivider(
                color: Colors.black,
                thickness: 0.1,
              ),
              Padding(
                padding: const EdgeInsets.all(12.0),
                child: SvgPicture.asset('assets/icons/Filter.svg'),
              ),
            ],
          ),
        ),
      ),
      border: OutlineInputBorder(
          borderSide: BorderSide.none,
          borderRadius: BorderRadius.circular(15)),
    ),
  ),
);

调整后文本、hintText和前后缀图标就能在垂直方向完全对齐了。

内容的提问来源于stack exchange，提问作者idris_djoudi