simple_form_builder 0.0.22 icon indicating copy to clipboard operation
simple_form_builder: ^0.0.22 copied to clipboard

A simple form builder that lets you create a complete form from a simple JSON data.

Simple Form Builder #

pub package GitHub Stars Platform

A complete form builder for all your needs

Maintainer : Tanmoy Karmakar
contributor: Shayon Sarkar

Specs #

This library allows you to create a complete form from a json file with multiple types of fields text , checkbox, multiselect , datetime , date , time , and file upload. This package also provides additional remark options.

It has been written 100% in Dart. ❤️

Example Example App Closed Example App Open

Installing #

Add the following to your pubspec.yaml file:

  simple_form_builder: ^0.0.18

Simple Usage #

To integrate the Simple form builder all you need to do is follow the given JSON schema and pass it to the formBuilder widget

JSON Schema #

// The complete sample is provided in the global folder that can be used as a reference

  "status": 1,
  "data": [
      "questions": [
          "question_id": String,
          "fields": ["abvoe 40km/h", "below 40km/h", "0km/h"],
          "_id": "60dc6a3dc9fe14577c30d271",
          "title": "Please provide the speed of vehicle?",
          "description": "please select one option given below",
          "remark": true,
          "type": "multiple",
          "is_mandatory": true

Widget Implementation #

import 'package:flutter/material.dart';
import 'package:simple_form_builder/formbuilder.dart';
import 'package:simple_form_builder/global/constant.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'FormBuilder Example',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Material App Bar'),
        body: SingleChildScrollView(
          child: Column(
            children: [
                initialData: sampleData,
                index: 0,
                // showPrefix
                onSubmit: (val) {

Custom Usage #

There are several options that allow for more control:

initialDataThis is the map that is required to generate the form. the sample JSON format is given in the constant.dart file
indexIf the data contains mutiple forms passing the index of the form will show the question of that perticular form
onSubmitThis function will take in the map value and pass it to the given function when submit button is pressed
showPrefixThis toggle will enable or disable prefix icon before the question
onUploadThis contains the file uploaded by user in String
showIndexto specify weather to show numbering or not

pub points


unverified uploader

A simple form builder that lets you create a complete form from a simple JSON data.

Repository (GitHub)


API reference


Icon for licenses.BSD-3-Clause (LICENSE)


file_picker, flutter, intl


Packages that depend on simple_form_builder