如何使Textfield Hinttext垂直中心？

Question

我尝试了很多方法。

• textAlign：TextAlign.Center

• contentPadding: const EdgeInsets.all(20.0)

但它们没有用。

在此处输入图片说明

Expanded(
          child: Container(
            height: 30.0,
            decoration: BoxDecoration(
              color: Colors.grey[100],
              borderRadius: BorderRadius.circular(18),
            ),
            margin: const EdgeInsets.symmetric(vertical: 0, horizontal: 10.0),
            child: const TextField(
              style: TextStyle(fontSize: 14.0),
              decoration: InputDecoration(
                border: InputBorder.none,
                hintText: '请输入搜索词',
                hintStyle: TextStyle(fontSize: 13.0),
                prefixIcon: Icon(
                  Icons.search,
                  size: 18.0,
                  color: Colors.grey,
                ),
                suffixIcon: Icon(
                  Icons.clear,
                  size: 18.0,
                  color: Colors.grey,
                ),
              ),
            ),
          ),
        ),

Answer 1

尝试以下代码，使用textAlign：textalign.center，

TextField(
  textAlign: TextAlign.center,
  style: TextStyle(fontSize: 14.0),
  decoration: InputDecoration(
    border: InputBorder.none,
    hintText: '请输入搜索词',
    hintStyle: TextStyle(fontSize: 13.0),
    prefixIcon: Icon(
      Icons.search,
      size: 18.0,
      color: Colors.grey,
    ),
    suffixIcon: Icon(
      Icons.clear,
      size: 18.0,
      color: Colors.grey,
    ),
  ),
),

结果屏幕 - ＆gt;