Installation
- Add the latest version of package to your pubspec.yaml (and run
dart pub get
):
dependencies:
validation_textformfield: Update version
- Import the package and use it in your Flutter App.
import 'package:validation_textformfield/validation_textformfield.dart';
A Flutter package for launching a Validation TextFormField . Supports iOS, Android, web, Windows, macOS, and Linux.
Example
EmailValidationTextField(
whenTextFieldEmpty: "Please enter email",
validatorMassage: "Please enter valid email",
decoration: InputDecoration(
focusedBorder: OutlineInputBorder(
borderSide: BorderSide(color: Colors.black, width: 0.5),
),
enabledBorder: OutlineInputBorder(
borderSide: BorderSide(color: Colors.black, width: 0.5),
),
border: OutlineInputBorder(),
counterText: '',
hintStyle: TextStyle(color: Colors.black, fontSize: 18.0)),
textEditingController: txtEmailCtrl,
)
PassWordValidationTextFiled(
lineIndicator:false,
passwordMinError: "Must be more than 5 charater",
hasPasswordEmpty: "Password is Empty",
passwordMaxError: "Password to long",
passWordUpperCaseError:
"at least one Uppercase (Capital)lette",
passWordDigitsCaseError: "at least one digit",
passwordLowercaseError: "at least one lowercase character",
passWordSpecialCharacters: "at least one Special Characters",
obscureText: _isObscure,
scrollPadding: EdgeInsets.only(left: 60),
onChanged: (value) {
// print(value);
},
passTextEditingController: txtPasswordCtrl,
passwordMaxLength: 10,
passwordMinLength: 5,
// validatorMassage: "Please enter valid Password",
decoration: InputDecoration(
suffixIcon: IconButton(
icon: Icon(
_isObscure ? Icons.visibility : Icons.visibility_off,
),
onPressed: () {
setState(() {
_isObscure = !_isObscure;
});
},
),
focusedBorder: OutlineInputBorder(
borderSide: BorderSide(color: Colors.black, width: 0.5),
),
enabledBorder: OutlineInputBorder(
borderSide: BorderSide(color: Colors.black, width: 0.5),
),
border: OutlineInputBorder(),
counterText: '',
hintStyle:
TextStyle(color: Colors.black, fontSize: 18.0)),
),
See the example app for more complex examples.
Image
Getting Started
For help getting started with Flutter, view our online documentation.