如何将文本表单字段下的行扩展到可见性图标下

Question

我有一个文本表单字段来输入密码，我添加了一个可见性图标按钮，该字段在一行中。如何将下划线延伸到图标下方？（文本表单字段中有一个验证器，因此我希望扩展完全相同的行，以便行为相同）。

Answer 1

将IconButton定义为TextFormField中的prefixIcon：

child: TextFormField(
  decoration: InputDecoration(
    prefixIcon: IconButton(
      icon: Icon(Icons.visibility),
      onPressed: () {},
    ),
  ),
  ...
),