flutter - Flutter TextField清除按钮位置错误

Question

我想为我的文本字段设置一个清晰的按钮。我找到了一个如何使用装饰添加它的示例，但它的位置完全关闭。如何调整图标的位置？

此外，我无法让输入文本在输入字段中居中。我没有找到任何如何将输入框中的文本垂直居中。

谢谢！

...
TextEditingController _textFieldController = TextEditingController();
...

Widget searchField(BuildContext context) {
  return Container(
    width: 200,
    height: 30,
    color: Colors.grey[250],
    child: TextField(
      controller: _textFieldController,
      decoration: InputDecoration(
        suffix: IconButton(
          padding: EdgeInsets.all(0),
          alignment: Alignment.bottomLeft,
          icon: Icon(Icons.cancel),
          onPressed: _onClear,
        ),
        border: OutlineInputBorder(),
        hintText: 'Blablabla',
      ),
    )
  );
}

标签： flutterdart

Answer 1

将 的填充减少InputDecoration到零。

             TextField(
               decoration: InputDecoration(
                              contentPadding: EdgeInsets.zero,