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

password as hidden in flutter

Add Answer

SIYAD RAHMAN answered on March 8, 2022 Popularity 9/10 Helpfulness 4/10

answer password as hidden in flutter

related how to make password visible in flutter

related password as hidden in flutter

related hide and show password in flutter

related how to show/hide password in textfield in flutter

related hide and show password in flutter

password as hidden in flutter

Comment

TextField(
   obscureText: true,
   /* ... */
),

Popularity 9/10 Helpfulness 4/10 Language whatever

Source: fluttercorner.com

Tags: flutter hidden whatever

Link to this answer
Share Copy Link

Contributed on May 28 2022

SIYAD RAHMAN

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

password as hidden in flutter

Comment

TextField(
   obscureText: false,
   /* ... */
),

Popularity 9/10 Helpfulness 5/10 Language whatever

Source: fluttercorner.com

Tags: flutter

Link to this answer
Share Copy Link

Contributed on May 28 2022

SIYAD RAHMAN

0 Answers Avg Quality 2/10

hide and 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 8/10 Helpfulness 5/10 Language whatever

Source: stackoverflow.com

Tags: flutter hide

Link to this answer
Share Copy Link

Contributed on Feb 07 2023

Andrea Tirenti

0 Answers Avg Quality 2/10

how to show/hide password in textfield in flutter

Comment

First declare a bool variable _passwordVisible.

Initiate _passwordVisible to false in initState()

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

Following is the TextFormField widget :

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 6/10 Helpfulness 4/10 Language whatever

Source: Grepper

Tags: flutter textfield whatever

Link to this answer
Share Copy Link

Contributed on Aug 14 2023

Omar muslim

0 Answers Avg Quality 2/10

hide and show password in flutter

Comment

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

Popularity 8/10 Helpfulness 2/10 Language whatever

Source: stackoverflow.com

Tags: flutter hide hid

Link to this answer
Share Copy Link

Contributed on Feb 07 2023

Andrea Tirenti

0 Answers Avg Quality 2/10

password as hidden in flutter

Contents

More Related Answers

password as hidden in flutter

Closely Related Answers

how to make password visible in flutter

password as hidden in flutter

hide and show password in flutter

how to show/hide password in textfield in flutter

hide and show password in flutter

Grepper

Documentation

Social

Legal

Contact

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