passwordfield 0.0.5 passwordfield: ^0.0.5 copied to clipboard
A new Flutter package project.
passwordfield: ^0.0.5 #
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.5
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
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 . * @ # \$',
),
)));
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.
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
:pattern for the input password
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