Last updated:
0 purchases
flutter multiple fill
flutter_multiple_fill #
A new flutter plugin project for multiple fill.
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
copied to clipboard
And after it run this command.
flutter pub get
copied to clipboard
Usage #
Import it
import 'package:flutter_multiple_fill/flutter_multiple_fill.dart';
copied to clipboard
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);
});
},
)
],
),
),
),
);
}
copied to clipboard
Parameters used #
Read the contents of the table below to learn more about the parameters used in this plugin.
Parameters
Type
Description
circleAvatarTextStyle
TextStyle
Add TextStyle to circle avatar
circleAvatarColor
Color
Add color to circle avatar
chipTextStyle
TextStyle
Add TextStyle to chip
chipLabelPadding
double
Add padding to chip label
chipColor
color
Add color to chip
inputDecoration
InputDecoration
Add decoration to input fill
emailPattern
bool
Set to true when you want verifiy email by pattern
boxDecoration
Decoration
Add decoration to a contain box
boxPadding
double
Add padding to all side of box
keyboardType
TextInputType
Set a keyboardtype ex : TextInputType.emailAddress
onfillCallback
Function(List)
Liten this event to get values filled as list
For personal and professional use. You cannot resell or redistribute these repositories in their original state.
There are no reviews.