passwordfield 0.0.81

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

• 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