internal

Repositories

25

Projects Packages

flutter_single_character_input (0.0.3)

Published 2024-08-30 10:14:03 +02:00 by bart in internal/flutter_single_character_input

Installation

To install the package using Dart, run the following command:

dart pub add flutter_single_character_input:0.0.3 --hosted-url=

For more information on the Pub registry, see the documentation.

About this package

A new Flutter package project.

Custom widget that allows for an inputfield spilt over multiple fields Ported from the appshell.

Setup

To use this package, add flutter_single_character_input as a dependency in your pubspec.yaml file.

 flutter_single_character_input:
    git:
      url: https://github.com/Iconica-Development/flutter_single_character_input.git
      ref: master

How to use

 SingleCharacterInput(
          characters: [
            InputCharacter(
              hint: '1',
              keyboardType: const TextInputType.numberWithOptions(
                signed: true,
                decimal: true,
              ),
              formatter: (value) {
                if (RegExp('[0-9]').hasMatch(value)) {
                  return value;
                }
                return '';
              },
            ),
            InputCharacter(
              hint: 'B',
              keyboardType: TextInputType.name,
              formatter: (value) {
                if (RegExp('[A-Za-z]').hasMatch(value)) {
                  return value.toUpperCase();
                }
                return '';
              },
            ),
          ],
          textStyle: Theme.of(context).textTheme.headline1?.copyWith(
                fontWeight: FontWeight.w400,
                fontSize: 28,
              ),
          inputDecoration: InputDecoration(
            hintStyle: Theme.of(context).textTheme.bodyText1?.copyWith(
                  fontWeight: FontWeight.w400,
                  color: const Color(0xFFBBBBBB),
                  fontSize: 28,
                ),
            isDense: true,
            isCollapsed: true,
          ),
          buildDecoration: (context, input) {
            return Container(
              margin: const EdgeInsets.all(5),
              child: Container(
                padding: const EdgeInsets.symmetric(vertical: 15),
                width: 32,
                child: input,
              ),
            );
          },
          onChanged: (value, finished) {},
        ),

Issues

Please file any issues, bugs or feature request as an issue on our GitHub page. Commercial support is available if you need help with integration with your app or services. You can contact us at support@iconica.nl.

Want to contribute

If you would like to contribute to the plugin (e.g. by improving the documentation, solving a bug or adding a cool new feature), please carefully review our contribution guide and send us your pull request.

Author

This flutter-single-character-input for Flutter is developed by Iconica. You can contact us at support@iconica.nl

Details

Pub

internal/flutter_single_character_input

2024-08-30 10:14:03 +02:00

283

Repository website

282 KiB

Assets (1)

0.0.3.tar.gz 282 KiB

Versions (1) View all

0.0.3 2024-08-30

Issues