在 Web 上，如何控制自动显示在将 obliqueText 属性设置为 true 的焦点 TextFormField 上的可见性图标？

Question

这是我的密码字段代码：

TextFormField(
  obscureText: isObscure,
  decoration: InputDecoration(
    suffix: TextButton(
      child: isPasswordObscure
          ? Text(
            'Show', 
            style: TextStyle(color: Colors.grey),
          )
          : Text(
            'Hide',
            style: TextStyle(color: Colors.grey),
          ),
      onPressed: () {
        setState(() { isObscure = !isObscure; });
      },
    ),
  ),
)

如果我运行它，密码字段将如下所示：

如果您查看我的代码，我只指定了一个文本按钮，而不是一个图标作为后缀。可见性图标是由Flutter Edge 添加的，当我单击它时，它只会更改其图标，不会模糊或遮挡文本字段。

我想知道如何更改或删除图标？也许还给它一个回调，这样它就知道当我点击它时要做什么。

该问题在移动设备上不存在，仅在桌面 Edge浏览器上存在。

编辑： 我尝试将suffix和设置suffixIcon为空，但可见性图标仍然显示。

更新：我发现该问题仅存在于 MS Edge 上。

Answer 1

如果您想关闭可见性图标，请设置 onPressed: () {}，如果您想删除可见性图标，请使用不透明度小部件包裹它

不透明度（不透明度：0.0，子级：textButton（），