input_form_field 0.0.5

Input form field is a StatefulWidget that contains a TextFormField. A convinient widget aiming to simplify complexitiy of default TextFormField widget.

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';

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 boilerplate code.

To handle it manually, please use obscureText and suffix

InputFormField(
    textEditingController: _controller,
    labelText: "Password",
    hintText: "*****",
    password: EnabledPassword(),
),

Screenshot

Want to contribute:

Leave a star if this was helpful Github Repository