fiona_dynamic_form 1.0.0

Dynamic Form package project. To create forms dynamically.

This package helps you to create forms dynamically.

Features

Use DynamicForm to define your forms. A dynamicForm is able to validate itself and fill all the values to create any object.

Getting started

It packages implements different types of input fields. For each kind of input you will find a FormItem and also each FormItem is tied to a FormItemWidget. To know about the idea and the structure you can read this article: https://medium.com/@ber.iribarne/forms-in-flutter-how-to-deal-with-forms-in-flutter-2686c03ad9b3

Usage

You can find a complete example the the example directory.

import 'package:dynamic_form/src/model/form_bool_item.dart';
import 'package:dynamic_form/src/model/form_text_item.dart';
import 'package:dynamic_form/src/model/form_select_item.dart';
import 'package:dynamic_form/src/model/validators/form_max_length_validator.dart';
import 'package:dynamic_form/src/model/validators/form_required_validator.dart';
import 'package:dynamic_form/src/model/dynamic_form.dart';
import 'package:example/example/controllers/city_controller.dart';
import 'package:example/example/controllers/country_controller.dart';
import 'package:example/example/controllers/province_controller.dart';

import 'model/employee.dart';



class FormEmployee  extends DynamicForm{

  FormEmployee(){

    FormTextItem name = FormTextItem(label: "Name", validators: [FormMaxLengthValidator(15),FormRequiredValidator()]);

    FormTextItem password = FormTextItem(label: "Password");

    FormSelectItem country = FormSelectItem(label: "Country", validators: [FormRequiredValidator()], selectFieldController: CountryController());

    FormSelectItem state = FormSelectItem(label: "State", validators: [FormRequiredValidator()], selectFieldController: ProvinceController());

    FormSelectItem city = FormSelectItem(label: "City", validators: [FormRequiredValidator()], selectFieldController:  CityController());

    state.addOnChangeListener ((newStateSelected){
      city.changeFilter(newStateSelected);
    });
    country.addOnChangeListener ((newCountrySelected){
      state.changeFilter(newCountrySelected);
    });

    FormBoolItem rememberMe = FormBoolItem(label: "Remember Me");

    addField("name", name);
    addField("password", password);
    addField("country", country);
    addField("province", state);
    addField("city", city);
    addField("rememberMe", rememberMe);

  }

  Employee getEmployee(){

    Map<String, dynamic> empMap = buildObject();
    Employee employee = Employee(name: empMap["name"], password: empMap["password"]);
    employee.rememberMe = empMap["rememberMe"];
    employee.city = empMap["city"];
    employee.province = empMap["province"];
    employee.country = empMap["country"];
    return employee;
  }

  void setEmployee(Employee employee){

    setItemValue("name", employee.name);
    setItemValue("password", employee.password);
    setItemValue("country", employee.country);
    setItemValue("province", employee.province);
    setItemValue("city", employee.city);
    setItemValue("rememberMe", employee.rememberMe);

  }

}

Then you will be able to use it:

FormEmployee form = FormEmployee();

Draw it:

Widget getMyForm(BuildContext context){
  return Center(
      child: form.draw(context)
  );  
}

Then assign those commands to sqliteSchema indicating the version

void testForm(){
  if( form.validate() ){
    Employee emp = form.getEmployee();
    print("Name: ${emp.name}" );
    print("Password: ${emp.password}" );
    print("Remember Me: ${emp.rememberMe}" );
    print("City: ${emp.city}" );
    print("Province: ${emp.province}" );
    print("Country: ${emp.country}" );
    print("Uuid: ${emp.id}" );
  }else{
    print("invalid!!");
  }
}

Additional information

• See https://medium.com/@ber.iribarne/forms-in-flutter-how-to-deal-with-forms-in-flutter-2686c03ad9b3