flutter_custom_form_component

I have some custom UI components which supporting form on a page. You can use my existing components that help users typing on a field, i.e.:

  • BankCardNumberFieldWidget
  • CodeFieldWidget
  • DdMmYyyyFieldWidget
  • MmDdYyyyFieldWidget
  • YyyyDdMmFieldWidget
  • YyyyMmDdFieldWidget
  • MoneyFieldWidget
  • NameFieldWidget
  • PhoneNumberFieldWidget
  • RegistrationNumberFieldWidget

Getting Started

Add flutter_custom_form_component dependency to your pubspec.yaml.

dependencies:
  flutter_custom_form_component: ^0.0.21

Date field supports MMDDYYYY format.

SizedBox(
          child: MmDdYyyyFieldWidget(

              /// Optional. It has default value.
              hint: 'MM / DD / YYYY',

              /// Optional. For your own validation logic.
              isValid: true,

              /// Optional
              onChanged: (final int? year, final int? month, final int? day) {
                /// You can get the values here.
              },

              /// Optional. It has default value.
              separator: ' / '),

          /// Wrap the height.
          height: 52.0,
        )

Money field supports symbol, thousand separator and decimal.

SizedBox(
          child: MoneyFieldWidget(

              /// Optional
              hint: '\$ 0.0',

              /// Optional. It has default value.
              isUsingPeriodInThousand: true,

              /// Optional
              onChanged: (final double? value) {
                /// You can get the values here.
              },

              /// Optional
              symbol: '\$ '),

          /// Wrap the height.
          height: 52.0,
        )

Bank card number field supports separator.

SizedBox(
          child: BankCardNumberFieldWidget(

              /// Optional
              hint: '0000 - 0000 - 0000 - 0000',

              /// Optional
              onChanged: (final String value) {
                /// You can get the values here.
              },

              /// Optional. It has default value.
              separator: ' - '),

          /// Wrap the height.
          height: 52.0,
        )

Libraries

box_decorations
const
ddmmyyyy
flutter_custom_form_component
flutter_custom_form_component_web
formatter
formatter
formatter
formatter
formatter
formatter
mixin
mixin
mixin
mmddyyyy
page
text_styles
widget
widget
widget
widget
widget
widget
widget
widget
yyyyddmm
yyyymmdd