Welcome to Flutter Tag Selector!
The fluttertagselector is a flutter package which you can use to create bubble tag selector as show in the below screen shots.
You can check it on pub.dev
Use this package
1. Depend on it
Add this to your package's pubspec.yaml file:
dependencies:
fluttertagselector: ^0.1.0
2. Install it
You can install packages from the command line:
with Flutter:
$ flutter pub get
Alternatively, your editor might support flutter pub get. Check the docs for your editor to learn more.
3. Import it
Now in your Dart code, you can use:
import 'package:fluttertagselector/fluttertagselector.dart';
How to use :
import 'package:flutter/material.dart';
import 'package:fluttertagselector/fluttertagselector.dart';
import 'package:fluttertagselector/tag_class.dart';
class Example extends StatelessWidget {
final List<Tags> tagList = [
Tags("Label 1",Icons.map),
Tags("Label 2",Icons.headset),
Tags("Label 3",Icons.info),
Tags("Label 4",Icons.cake),
Tags("Label 5",Icons.ac_unit),
];
@override
Widget build(BuildContext context) {
return TagGenrator(tagList: tagList, fillRandomColor: true);
}
}
Parameter you can use in TagGenrator
| Parameter | Type | Use |
|---|---|---|
| tagList | List of Class Tags | to pass the tags |
| fillRandomColor | bool | to fill tag background with random color |
| fixedColor | Color | if fillRandomColor == false then you have to pass a fix background color |
| iconColor | Color | icon color |
| iconSize | double | icon size |
| fontSize | double | label fontSize |
5 Sep 28, 2022
221 Jan 5, 2023
6 Nov 15, 2022
5 Nov 12, 2022
2 Jun 22, 2022
4 Dec 6, 2022
7 Sep 4, 2022
5 Dec 12, 2022
68 Dec 16, 2022
3 Jan 31, 2022