如何在flutter中添加密码输入类型使密码用户输入不可见,就像Android Native EditText的inputtype:password一样?

时间:2018-08-31 08:54:07

标签: passwords flutter

我遇到Flutter的TextInputType没有密码类型的问题:

/// All possible enum values.

static const List<TextInputType> values = const <TextInputType>[
  text, multiline, number, phone, datetime, emailAddress, url,
];

如何使密码用户输入不可见?任何人都有一个好主意吗?

4 个答案:

答案 0 :(得分:26)

如果您使用的是TextField小部件(或从该小部件派生的东西),则可以使用obscureText属性并将其设置为true

更多详细信息可以在这里找到:https://docs.flutter.io/flutter/material/TextField/obscureText.html

答案 1 :(得分:8)

只有两个地方可以隐藏密码。

1。使用TextFormField

   TextFormField(
                obscureText: true,
                decoration: const InputDecoration(
                  labelText: 'Password',
                ),
              ),

2。使用TextField

              TextField(
                obscureText: true,
                decoration: const InputDecoration(
                  labelText: 'Password',
                ),
              )

答案 2 :(得分:5)

  

只需在TextFormField中添加 obscureText:true ...

TextFormField(
         obscureText: true,
       decoration: const InputDecoration(
         labelText: 'Password',
       ),
       validator: (String value) {
         if (value.trim().isEmpty) {
           return 'Password is required';
         }
       },
     ),

答案 3 :(得分:4)

使用TextField

obscuringCharacter:“ *”,

 TextField(
        obscureText: true,
        onChanged: (){},
        obscuringCharacter: "*",
        decoration: InputDecoration(
            hintText: "Enter password",
            icon: Icon(Icons.lock,color: kPrimaryColor,),
        ),
      ),