Form Maker

The Form Maker package is a convenient tool for developers to easily create forms in their Flutter applications. With this package, you can easily create different types of form fields like text fields, password fields. This package aims to simplify the process of creating forms by providing a user-friendly interface that makes it easy to customize the look and feel of each form field.

Usage

To use this package, add form_maker as a dependency in your pubspec.yaml file.

dependencies:

  form_maker: latest verison

// Import package
import 'package:form_maker/form_maker.dart';

Example

class HomeScreen extends StatelessWidget {
  const HomeScreen({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          title: const Text('Form Maker'),
          actions: [
            IconButton(
              onPressed: () {},
              icon: const Icon(Icons.share),
            ),
            IconButton(
              onPressed: () {},
              icon: const Icon(Icons.favorite_border),
            ),
          ],
        ),
        body: Container(
          margin: const EdgeInsets.all(10),
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              ///
              /// Form Maker [FormElement.name] widget
              ///
              FormElement.name(
                onTap: () {
                  print('Name');
                },
              ),
              ///
              /// Form Maker [FormElement.email] widget
              ///
              FormElement.email(),
              FormElement.phone(),
              FormElement.address(),
            ],
          ),
        ));
  }
}

How to use

To better understand how to use this package and create signup forms easily in Flutter, please visit the following blog: Create Signup Forms in Flutter with Form Maker

Parameters

FormElement

FormElement.name(
    controller: TextEditingController(),
    onChanged: (value) {
      print(value);
    },
    onTap: () {
      print('Name');
    },
    enable: true,
    ),

GitHub Repository

Form Maker

Author

Shubham Kumar - Github

Also check out