Created
January 8, 2020 09:50
-
-
Save igabice/0a644d794e3200bac01bbd38217f72fb to your computer and use it in GitHub Desktop.
Flutter TextField with password input type and an icon to toggle visibility
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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); | |
}, | |
), | |
), | |
); | |
} |
great one bro thanks alot
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
i didnt get your problem can you explain briefly