flutter_multiple_fill 1.0.2 icon indicating copy to clipboard operation
flutter_multiple_fill: ^1.0.2 copied to clipboard

A new flutter plugin project for multiple fill.

flutter_multiple_fill #

A new flutter plugin project for multiple fill.

Screenshot

Installing flutter_multiple_fill #

It so simple to use it !!

First, add flutter_multiple_fill as a dependency in your pubspec.yaml file.

dependencies:
  flutter_multiple_fill: ^1.0.2

And after it run this command.

  flutter pub get

Usage #

Import it

  import 'package:flutter_multiple_fill/flutter_multiple_fill.dart';

Now in your Dart code, you can use like that:

 @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Plugin FlutterMultipleFill'),
        ),
        body: Center(
          child: Column(
            children: [
              const SizedBox(
                height: 10,
              ),
              FlutterMultipleFill(
                circleAvatarTextStyle: const TextStyle(fontSize: 12),
                circleAvatarColor: Colors.black,
                chipTextStyle:
                    const TextStyle(fontSize: 12, color: Colors.white),
                chipColor: Colors.blue,
                chipLabelPadding: 1,
                inputDecoration: const InputDecoration(
                  hintText: "Add email",
                  filled: false,
                  hintStyle: TextStyle(fontSize: 12),
                ),
                emailPattern: true,
                boxDecoration: const BoxDecoration(color: Colors.transparent),
                boxPadding: 0,
                keyboardType: TextInputType.emailAddress,
                // get all values as list from this function
                onfillCallback: (List value) {
                  setState(() {
                    list = value;
                    print(list);
                  });
                },
              )
            ],
          ),
        ),
      ),
    );
  }

Parameters used #

Read the contents of the table below to learn more about the parameters used in this plugin.

ParametersTypeDescription
circleAvatarTextStyleTextStyleAdd TextStyle to circle avatar
circleAvatarColorColorAdd color to circle avatar
chipTextStyleTextStyleAdd TextStyle to chip
chipLabelPaddingdoubleAdd padding to chip label
chipColorcolorAdd color to chip
inputDecorationInputDecorationAdd decoration to input fill
emailPatternboolSet to true when you want verifiy email by pattern
boxDecorationDecorationAdd decoration to a contain box
boxPaddingdoubleAdd padding to all side of box
keyboardTypeTextInputTypeSet a keyboardtype ex : TextInputType.emailAddress
onfillCallbackFunction(List)Liten this event to get values filled as list
3
likes
110
pub points
40%
popularity

Publisher

verified publisher iconwikeagroup.com

A new flutter plugin project for multiple fill.

Homepage

Documentation

API reference

License

Icon for licenses.BSD-3-Clause (LICENSE)

Dependencies

flutter, flutter_web_plugins

More

Packages that depend on flutter_multiple_fill