Flutter TextField with password input type and an icon to toggle visibility

password_textfield_example.dart

bool _showPassword = false;

  Widget _buildPasswordTextField() {
    return TextField(
      obscureText: !this._showPassword,
      decoration: InputDecoration(
        labelText: 'password',
        prefixIcon: Icon(Icons.security),
        suffixIcon: IconButton(
          icon: Icon(
            Icons.remove_red_eye,
            color: this._showPassword ? Colors.blue : Colors.grey,
          ),
          onPressed: () {
            setState(() => this._showPassword = !this._showPassword);
          },
        ),
      ),
    );
  }

Nice 👍

Thanks for your help.

Thanks

thanks

Niceee!!

helpful if any one need any help comment i can help.

when i enter password then TextField is set to be empty. Please help me to figure out this problem

when i enter password then TextField is set to be empty. Please help me to figure out this problem

i didnt get your problem can you explain briefly

great one bro thanks alot