Input Form Field plugin for Flutter

Input Form Field plugin for Flutter

This input form is a wrapper around default TextFormField widget. It is supported by all platforms flutter supports.

Feature:

  • Label text doesn’t overlap with Border
  • Fill color support
  • Obscure support by default (if you want to avoid boilerplate)
  • All platform support
  • Theme 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';

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",   
)

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";
      }
    },
),

Added support for default password handler. By setting isPasswordField to true, one can handle password visibility with less boilerplatec code.

To handle it manually, please use obscureText and suffix

InputFormField(
    textEditingController: _controller,
    labelText: "Password",
    hintText: "*****",
    isPasswordField: true,
),

Want to contribute:

Leave a star if this was helpful Github Repository

GitHub

View Github