dinamis_text_form_field 2.0.2+3

This pakcege for custom text form fields to dinamis

dinamis_text_form_field

# Dinamis Text Form Field

create your dynamic form with easier way

Often, writing repetitive textformfiled code, and this will make the code too crowded and long.

With this dynamic_text_form_field package, writing code will be more efficient and dynamic, where the functions of form field input, field selected list dropdown, selected list in other pages and form field password become one function so that writing code becomes very short.

And also can set the type of form type basic and type material as needed. This plugin supports iOS and Android.

	Android	iOS
Support	SDK 21+	10.0+

Dinamis Text Form Field Implementation Guide

Features

Use this plugin in your Flutter app to:

• To manage submitted text forms with different field types from requst and write code in an easier way.
• Easy to manage field decoration by developers .
• Easy to manage form type.

Getting Started

• Generate custom form
• Form Type (basic and material)
• Field Type (input, listDropdown, listNewPage and password)

Installing

Add the following to your pubspec.yaml file:

dependencies:
	dinamis_text_form_field: ^2.0.2+3

Simple Usage

Creating a basic Simple DynamicTextField:

        import 'package:dinamis_text_form_field/dinamis_text_form_field.dart';
        import 'package:flutter/material.dart';

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

        // This widget is the root of your application.
        @override
        Widget build(BuildContext context) {
            return MaterialApp(
            debugShowCheckedModeBanner: false,
            title: 'Dinamic Text Form Field',
            theme: ThemeData(
                colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
                useMaterial3: true,
            ),
            home: const MyHomePage(title: 'Dinamic Text Form Field'),
            );
        }
        }

        class MyHomePage extends StatefulWidget {
        const MyHomePage({super.key, required this.title});
        final String title;

        @override
        State<MyHomePage> createState() => _MyHomePageState();
        }

        class _MyHomePageState extends State<MyHomePage> {
        final _fullnameController = TextEditingController();
        final _gendersController = TextEditingController();
        final _citysController = TextEditingController();
        final _passwordController = TextEditingController();

        final List<SelectedItem> _listGenders = [
            SelectedItem(key: '1', value: 'Male'),
            SelectedItem(key: '2', value: 'Female'),
        ];

        final List<SelectedItem> _listCitys = [
            SelectedItem(key: '1', value: 'Banda Aceh'),
            SelectedItem(key: '2', value: 'Lhokseumawe'),
            SelectedItem(key: '3', value: 'Jakarta Selatan'),
            SelectedItem(key: '4', value: 'Bandung'),
        ];

        final InputDecoration customInputDecoration = InputDecoration(
            isDense: true,
            hintText: 'bla bla',
            border: OutlineInputBorder(
            borderRadius: BorderRadius.circular(12),
            borderSide: const BorderSide(width: 1.5),
            ),
        );

        @override
        Widget build(BuildContext context) {
            return Scaffold(
            appBar: AppBar(
                title: Text(widget.title),
            ),
            body: _mainBody(context),
            );
        }

        Widget _mainBody(context) {
            Size size = MediaQuery.of(context).size;

            return Padding(
            padding: EdgeInsets.symmetric(horizontal: size.height * 0.02),
            child: ListView(
                children: [
                Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                    SizedBox(
                        height: size.height * 0.01,
                    ),
                    //// this sample for Form Type besic
                    DynamicTextField(
                        textDynamicController: _fullnameController,
                        title: 'Full Name',
                        hint: 'Input full name...',
                    ),
                    DynamicTextField(
                        fieldtype: FieldType.listDropdown,
                        textDynamicController: _gendersController,
                        title: 'Gender',
                        hint: 'Input gender...',
                        titleList: "Select gender",
                        listItem: _listGenders,
                    ),
                    DynamicTextField(
                        fieldtype: FieldType.listNewPage,
                        textDynamicController: _citysController,
                        title: 'City',
                        hint: 'Input city...',
                        titleList: "Select City",
                        listItem: _listCitys,
                    ),
                    DynamicTextField(
                        fieldtype: FieldType.password,
                        textDynamicController: _passwordController,
                        title: 'Password',
                        hint: 'Input password...',
                    ),
                    
                    ],
                ),
                ],
            ),
            );
        }
    }

Creating a material Simple DynamicTextField:

        import 'package:dinamis_text_form_field/dinamis_text_form_field.dart';
        import 'package:flutter/material.dart';

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

        // This widget is the root of your application.
        @override
        Widget build(BuildContext context) {
            return MaterialApp(
            debugShowCheckedModeBanner: false,
            title: 'Dinamic Text Form Field',
            theme: ThemeData(
                colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
                useMaterial3: true,
            ),
            home: const MyHomePage(title: 'Dinamic Text Form Field'),
            );
        }
        }

        class MyHomePage extends StatefulWidget {
        const MyHomePage({super.key, required this.title});
        final String title;

        @override
        State<MyHomePage> createState() => _MyHomePageState();
        }

        class _MyHomePageState extends State<MyHomePage> {
        final _fullnameController = TextEditingController();
        final _gendersController = TextEditingController();
        final _citysController = TextEditingController();
        final _passwordController = TextEditingController();

        final List<SelectedItem> _listGenders = [
            SelectedItem(key: '1', value: 'Male'),
            SelectedItem(key: '2', value: 'Female'),
        ];

        final List<SelectedItem> _listCitys = [
            SelectedItem(key: '1', value: 'Banda Aceh'),
            SelectedItem(key: '2', value: 'Lhokseumawe'),
            SelectedItem(key: '3', value: 'Jakarta Selatan'),
            SelectedItem(key: '4', value: 'Bandung'),
        ];

        final InputDecoration customInputDecoration = InputDecoration(
            isDense: true,
            hintText: 'bla bla',
            border: OutlineInputBorder(
            borderRadius: BorderRadius.circular(12),
            borderSide: const BorderSide(width: 1.5),
            ),
        );

        @override
        Widget build(BuildContext context) {
            return Scaffold(
            appBar: AppBar(
                title: Text(widget.title),
            ),
            body: _mainBody(context),
            );
        }

        Widget _mainBody(context) {
            Size size = MediaQuery.of(context).size;

            return Padding(
            padding: EdgeInsets.symmetric(horizontal: size.height * 0.02),
            child: ListView(
                children: [
                Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                    SizedBox(
                        height: size.height * 0.01,
                    ),
                     //// this sample for Form Type material
                    DynamicTextField(
                        formType: FormType.material,
                        textDynamicController: _fullnameController,
                        title: 'Full Name',
                        hint: 'Input full name...',
                    ),
                    DynamicTextField(
                        formType: FormType.material,
                        fieldtype: FieldType.listDropdown,
                        textDynamicController: _gendersController,
                        title: 'Gender',
                        hint: 'Input gender...',
                        titleList: "Select gender",
                        listItem: _listGenders,
                    ),
                    DynamicTextField(
                        formType: FormType.material,
                        fieldtype: FieldType.listNewPage,
                        textDynamicController: _citysController,
                        title: 'City',
                        hint: 'Input city...',
                        titleList: "Select City",
                        listItem: _listCitys,
                    ),
                    DynamicTextField(
                        formType: FormType.material,
                        fieldtype: FieldType.password,
                        textDynamicController: _passwordController,
                        title: 'Password',
                        hint: 'Input password...',
                    ),
                    /// this sample for custom InputDecoration
                    DynamicTextField(
                        formType: FormType.material,
                        textDynamicController: _citysController,
                        title: 'City',
                        hint: 'Input city...',
                        titleList: "Select City",
                        listItem: _listCitys,
                        inputDecoration: customInputDecoration,
                    ),
                    ],
                ),
                ],
            ),
            );
        }
    }

Decorations can be customized Customized DynamicTextField:

 //// this sample for custom InputDecoration
    DynamicTextField(
    textDynamicController: _citysController,
    title: 'City',
    hint: 'Input city...',
    titleList: "Select City",
    listItem: _listCitys,
    inputDecoration: customInputDecoration,
    ),
    //// this sample for set validator
    DynamicTextField(
    textDynamicController: _citysController,
    title: 'City',
    hint: 'Input city...',
    validator: (text) {
            if (text == null || text.isEmpty) {
            return 'Text is empty';
            }
            return null;
        },
    ),
 

And can also use other default TextFormField function

And can also use other default TextFormField function Other function TextFormField:

        final TextEditingController textDynamicController;
        final String title;
        final String? titleList;
        final String? hintSearch;
        final String hint;
        final FieldType? fieldtype;
        final FormType? formType;
        final List<SelectedItem>? listItem;
        final InputDecoration? inputDecoration;
        final Color? backgroundColor;
        final String? Function(String?)? validator;
        final void Function(String)? onChanged;
        final void Function(String?)? onSaved;
        final AutovalidateMode? autovalidateMode;
        final TextInputType? keyboardType;
        final TextInputAction? textInputAction;
        final int? maxLength;

Preview Dinamis Text Form Field UI Sample

FormType Basic	FormType Material

Changelog

All notable changes to this project will be documented in this file.

Issues

To report your issues, submit them directly in the Issues section.

Note Varsion [1.0.0] to Varsion [2.0.1] - Discontinued

⚠️ This package varsion is discontinued. We recommend using version dynamic_text_form_field: ^2.0.2 or latest version if available.