input_form_field

Description:

input form field

Input Form Field plugin for Flutter #
This input form is a wrapper around default TextFormField widget. It is supported by all platforms flutter supports.
Breaking: (0.0.4) #

BREAKING - disabledBorder param removed. It's now handled by BorderType.none
BREAKING - Default 56px heigth removed, supports dynamic height.
BREAKING - isPasswordField removed. Password added. Supports customizing the default show/hide icon for visibility.
FIX - Show/Hide password UI logic fixed

Feature: #

Label text doesn't overlap with Border
Default isNullOrEmpty validation support
Supports bottom margin
Dynamic height support
Easy password visibility
Theme support
All platform support

Installing #
Install the latest version from pub
Usage #
Now in your Dart code, you can use:
import 'package:input_form_field/input_form_field.dart';
copied to clipboard
Example #
Default TextFormField, label text overlaps with border. But here, label text is always below the
border.
InputFormField(
textEditingController: _controller,
labelText: "Label Text",
hintText: "Hint Text",
)
copied to clipboard
Validation error text positon normally can't be changed. But here, the error text position can be
moved vertically and horizontally
InputFormField(
textEditingController: _controller,
labelText: "Label Text",
hintText: "Hint Text",
floatingLabelBehavior: FloatingLabelBehavior.always,
borderRadius: BorderRadius.circular(10),
errorPadding: EdgeInsets.only(left: 10, top: 10),
validator: (v) {
if(v != null && v.isEmpty) {
return "Required";
}
},
),
copied to clipboard
Added support for default password handler. By setting isPasswordField to true, one can handle password visibility with less boilerplate code.
To handle it manually, please use obscureText and suffix
InputFormField(
textEditingController: _controller,
labelText: "Password",
hintText: "*****",
password: EnabledPassword(),
),
copied to clipboard
Screenshot #

Want to contribute: #
Leave a star if this was helpful Github Repository