Breaking News: Grepper is joining You.com. Read the official announcement!

show password in flutter

Add Answer

Charming Cardinal answered on May 10, 2021 Popularity 10/10 Helpfulness 8/10

answer show password in flutter

related how to make password visible in flutter

related how to create a password widget in flutter

related show password in flutter

show password in flutter

Comment

TextFormField(
   keyboardType: TextInputType.text,
   controller: _userPasswordController,
   obscureText: !_passwordVisible,//This will obscure text dynamically
   decoration: InputDecoration(
       labelText: 'Password',
       hintText: 'Enter your password',
       // Here is key idea
       suffixIcon: IconButton(
            icon: Icon(
              // Based on passwordVisible state choose the icon
               _passwordVisible
               ? Icons.visibility
               : Icons.visibility_off,
               color: Theme.of(context).primaryColorDark,
               ),
            onPressed: () {
               // Update the state i.e. toogle the state of passwordVisible variable
               setState(() {
                   _passwordVisible = !_passwordVisible;
               });
             },
            ),
          ),
        );

Popularity 10/10 Helpfulness 8/10 Language whatever

Source: stackoverflow.com

Tags: flutter show whatever

Link to this answer
Share Copy Link

Contributed on May 10 2021

Charming Cardinal

0 Answers Avg Quality 2/10

Closely Related Answers

how to make password visible in flutter

Comment

bool _passwordVisible;

@override
void initState() {
    _passwordVisible = false;
    super.initState();
}

// ...
TextFormField(
  obscureText: !_passwordVisible,
  decoration: InputDecoration(
    hasFloatingPlaceholder: true,
    filled: true,
    fillColor: Colors.white.withOpacity(0.5),
    labelText: "Password",
    suffixIcon: GestureDetector(
      onLongPress: () {
        setState(() {
          _passwordVisible = true;
        });
      },
      onLongPressUp: () {
        setState(() {
          _passwordVisible = false;
        });
      },
      child: Icon(
          _passwordVisible ? Icons.visibility : Icons.visibility_off),
    ),
  ),
  validator: (String value) {
    if (value.isEmpty) {
      return "*Password needed";
    }
  },
  onSaved: (String value) {
    _setPassword(value);
  },
);

Popularity 9/10 Helpfulness 6/10 Language whatever

Source: stackoverflow.com

Tags: flutter

Link to this answer
Share Copy Link

Contributed on Mar 08 2022

Elated Elephant

0 Answers Avg Quality 2/10

how to create a password widget in flutter

Comment

Choose the same code for Text field
Just above Input Decoration paste the below code
obscureText: true,
enableSuggestions: false,
autocorrect: false,

Popularity 9/10 Helpfulness 5/10 Language whatever

Source: stackoverflow.com

Tags: flutter

Link to this answer
Share Copy Link

Contributed on Feb 01 2022

Unusual Unicorn

0 Answers Avg Quality 2/10

show password in flutter

Comment

@override
  void initState() {
    _passwordVisible = false;
  }

Popularity 10/10 Helpfulness 3/10 Language dart

Source: stackoverflow.com

Tags: dart

Link to this answer
Share Copy Link

Contributed on May 10 2021

Charming Cardinal

0 Answers Avg Quality 2/10

show password in flutter

Contents

More Related Answers

show password in flutter

Closely Related Answers

how to make password visible in flutter

how to create a password widget in flutter

show password in flutter

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.