b24_widgets 0.0.15

Flutter Package that include existing sample widgets

b24_widgets

b24_widgets is a Flutter Package that include existing sample widget such as TextInput, PhoneInput,DateInput,TimeInput and other widgets ..etc

Widgets

• ExTextInput
• ExSelectTool
• ExDatePicker

Getting started

To use the b24_widgets package in your Flutter project, follow these steps:

Add the dependency

Add the following dependency to your pubspec.yaml file:

dependencies:
  b24_widgets: ^0.0.14

Usage

ExTextInput Type Passwords

    ExTextInput(
       type: ExInputType.passwords,
       confirmPassword: false,
       controller: controlPass,
       isShowRuleValidate: true,
       label: 'Password',
    ),

    ExTextInput(
    type: ExInputType.passwords,
    confirmPassword: true,
    label: 'Confirm Password',
    controller: controlConfirm,
    controllerConfirm: controlPass,
    externalValidator: (value) {
      if (value != controlPass.text) {
      return 'Your passowrd not match!';
    }},),

ExTextInput Type Email

     ExTextInput(
      label: 'Email',
      hintText: 'Enter Email',
      type: ExInputType.email,
      sizeLabel: ExInputSizeType.small,
      prefixIcon: Icon(Icons.email_rounded),
      onTap: () {},
      ),

ExTextInput Type Text

     ExTextInput(
      label: 'Text',
      hintText: 'Enter your content',
      isRequired: false,
      type: ExInputType.text,
      sizeLabel: ExInputSizeType.small,
      inputFormatters: [FilteringTextInputFormatter.singleLineFormatter],
      textCapitalization: TextCapitalization.words,
      maxLines: 10,
      ),

Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            ExSelectionTool(
                  allItems: myItem.countries,
                  isMultiSelect: true,
                  prefixIcon: const Icon(Icons.search),
                  suffixIcon: const Icon(Icons.arrow_drop_down_rounded),

                ),
                  ExTextInput(
                    type: ExInputType.passwords,
                    confirmPassword: false,
                    controller: controlPass,
                    isShowRuleValidate: true,
                    label: 'Password',
                  ),
                  ExTextInput(
                    type: ExInputType.passwords,
                    confirmPassword: true,
                    label: 'Confirm Password',
                    controller: controlConfirm,
                    controllerConfirm: controlPass,
                    // externalValidator: (p0) {
                    //   if (p0 != controlPass.text) {
                    //     return 'not match';
                    //   }
                    //   return null;
                    // },
                  ),
                ExDatePicker(
                  weekDayfull: true,
                ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: 'Increment',
        child: const Icon(Icons.add),
      ), // This trailing comma makes auto-formatting nicer for build methods.
    );
  }