passwordfield 0.0.81

Flutter Android iOS web

A simple and easy to use Passwordfield Widget to add a password Textfield to your Flutter project hassle free.

passwordfield: ^0.0.81 #

A simple and easy to use flutter package to add a passwordfield to your Flutter project.

Getting Started #

Installation #

  • Add the dependency
dependencies:
  passwordfield: ^0.0.81
  flutter:
  • Import the package
import 'package:passwordfield/passwordfield.dart';
  • Voila! use the Widget
PasswordField();

Note : The widget must be included in a Material Widget normally in a Scaffold,Card,Drawer etc

Now Supports adding constraints on the Password #

Screenshot from 2020-01-11 22-16-13

  • Example 1
    return Scaffold(
        backgroundColor: Colors.green,
        body: Padding(
            padding: EdgeInsets.symmetric(horizontal: 20, vertical: 20),
            child: Center(
              child: PasswordField(
              color: Colors.green,
              hasFloatingPlaceholder: true,
              pattern: r'.*[@$#.*].*',
              border: OutlineInputBorder(
                  borderRadius: BorderRadius.circular(2),
                  borderSide: BorderSide(width: 2, color: Colors.green)),
              focusedBorder: OutlineInputBorder(
                  borderRadius: BorderRadius.circular(10),
                  borderSide: BorderSide(width: 2, color: Colors.green)),
              errorMessage: 'must contain special character either . * @ # \$',
              ),
             )));
  • Example 2
      Container(
            margin: EdgeInsets.symmetric(horizontal: 16),
            child: PasswordField(
              inputStyle: TextStyle(fontSize: 26),
              suffixIcon: Icon(
                Icons.smartphone,
                color: Colors.red,
              ),
              textPadding: EdgeInsets.symmetric(horizontal: 20),
              backgroundColor: Colors.blue[50],
              backgroundBorderRadius: BorderRadius.circular(20),
            ),
          ),

refer: for more examples

features #

bool autoFocus: if autofocus is true keyboard pops up as soon as the widget is rendered on screen defaults to false

InputBorder border: Input Border for the password field when not in focus

Color color:changes the primary color of the PasswordField

TextEditingController controller: A controller for an editable passwordfield.

InputBorder errorFocusedBorder: Input Border for the password Field when in Focus and has an error

String errorMessage: custom message to show if the input password does not match the pattern.

TextStyle errorStyle: text Styling to customise the errorMessage.

InputBorder focusedBorder: Input Border for the password Field when in Focus

bool hasFloatingPlaceholder: whether the placeholder can float to left top on focus

final TextStyle hintStyle: styling the hint defaults to same as inputStyle if not specified

final String hintText:hint to show if the placeholder is false

TextStyle inputStyle: styling the passwordfield Text;

int maxLength: the max number of characters the password field can support

Function onSubmit: function triggerred when the submit button on keyboard is pressed

String pattern: supports adding constraints to the Passwordfield by adding a regex pattern

Icon suffixIcon: Icon used to unhide the password when touch in Contact with the icon

bool suffixIconEnabled: suffix Icon can be removed by setting suffixIconEnabled to false,defaults to true

you are welcome to contribute to this package All you need to do is

  • fork
  • contribute
  • send a pull request
  • request a feature
  • or Create Issues
7
likes
100
pub points
87%
popularity

A simple and easy to use Passwordfield Widget to add a password Textfield to your Flutter project hassle free.

Repository (GitHub)
View/report issues

Documentation

API reference

Uploader

maheshmn121@gmail.com

License

MIT (LICENSE)

Dependencies

flutter

More

Packages that depend on passwordfield