Flutter 当用户点击颤振应用程序中的后缀图标时，如何逐个显示密码和确认密码？

如何在用户点击Flatter应用程序中的后缀图标时逐个显示密码和确认密码。但是，当用户点击密码文本字段的后缀图标时，我出现了一个错误。它在密码文本字段中显示文本，在确认密码文本字段中显示文本。我采用了在用户点击后缀时更改模糊文本属性的方法图标。

您可以有两个状态，每个状态对应一个文本字段，下面是一个示例：

类密码扩展StatefulWidget{
@凌驾
_PasswordState createState（）；
}
类_PasswordState扩展状态{
bool showPassword=true；
bool showConfirmPassword=true；
@凌驾
小部件构建（构建上下文）{
返回脚手架(
appBar:appBar(
标题：文本（“示例代码”），
),
主体：填充物(
填充：常数边集全部（12.0），
子：列(
mainAxisAlignment:mainAxisAlignment.center，
儿童：[
文本字段(
模糊文本：showPassword，
装饰：输入装饰(
hintText:“输入密码”，
后缀：图标按钮(
图标：图标（图标。去掉红色的眼睛），
按下时：（）=>setState（（）=>showPassword=！showPassword），
),
),
),
文本字段(
模糊文本：showConfirmPassword，
装饰：输入装饰(
hintText:“确认密码”，
后缀：图标按钮(
图标：图标（图标。去掉红色的眼睛），
按下时：（）=>设置状态(
（）=>showConfirmPassword=！showConfirmPassword），
),
),
)
],
),
),
);
}
}

根据OP新请求进行更新 要使

TextField

在移动到另一个

TextField

时隐藏其文本，必须使用如下

FocusNode

：

类密码扩展StatefulWidget{
类密码扩展StatefulWidget{
@凌驾
_PasswordState createState（）；
}
类_PasswordState扩展状态{
bool showPassword=true；
bool showConfirmPassword=true；
FocusNode密码FocusNode；
FocusNode confirmPasswordFocusNode；
@凌驾
void initState（）{
super.initState（）；
passwordFocusNode=FocusNode（）；
confirmPasswordFocusNode=FocusNode（）；
}
@凌驾
无效处置（）{
super.dispose（）；
passwordFocusNode.dispose（）；
confirmPasswordFocusNode.dispose（）；
}
@凌驾
小部件构建（构建上下文）{
返回脚手架(
appBar:appBar(
标题：文本（“示例代码”），
),
主体：填充物(
填充：常数边集全部（12.0），
子：列(
mainAxisAlignment:mainAxisAlignment.center，
儿童：[
文本字段(
onTap:（）=>setState（（）=>passwordFocusNode.requestFocus（）），
focusNode:passwordFocusNode，
模糊文本：！passwordFocusNode.hasFocus，
装饰：输入装饰(
hintText:“输入密码”，
),
),
文本字段(
focusNode:confirmPasswordFocusNode，
onTap:（）{
设置状态（）{
（上下文）的焦点范围。取消焦点（）；
FocusScope.of（context）.requestFocus（confirmPasswordFocusNode）；
});
},
模糊文本：showConfirmPassword，
装饰：输入装饰(
hintText:“确认密码”，
后缀：图标按钮(
图标：图标（图标。去掉红色的眼睛），
按下时：（）=>设置状态(
（）=>showConfirmPassword=！showConfirmPassword），
),
),
)
],
),
),
);
}
}

---

多添加代码SAMPPLANKUY，但当用户关注第二个文本字段时，如何实现，然后另一个文本字段自动转换为晦涩文本。欢迎您将答案标记为已接受，因为它已经解决了您的问题。