flutter中如何隐藏/显示密码输入?

码云
2020-11-12 09:45

输入密码时候默认是隐藏的(只显示mask),如果需要显示输入的密码可以使用以下代码:

bool _showPassword = false;

//改变显示/隐藏状态
void _togglevisibility() {
  setState(() {
    _showPassword = !_showPassword;
  });
}

//省略部分代码
TextFormField(
	controller: _passwordController,
	obscureText: !_showPassword, //控制显示/隐藏状态
	cursorColor: Colors.red,
	style: TextStyle(color: Colors.white),
	decoration: InputDecoration(
	  hintText: "Password",
	  border: InputBorder.none,
	  suffixIcon: GestureDetector(
	    onTap: () {
	      _togglevisibility();
	    },
	    child: Icon( //显示切换密码显示/隐藏
	      _showPassword ? Icons.visibility : Icons
	          .visibility_off, color: Colors.red,),
	  ),
	),
),

 

全部评论