Site icon Flutter Packages | Pub dev Packages – Flutter Mobile App World

Flutter Tag Selector Text

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

ParameterTypeUse
tagListList of Class Tagsto pass the tags
fillRandomColorboolto fill tag background with random color
fixedColorColorif fillRandomColor == false then you have to pass a fix background color
iconColorColoricon color
iconSizedoubleicon size
fontSizedoublelabel fontSize

Download fluttertagselector source code on GitHub

Tag Selector Text
https://github.com/hemantkhorwal/flutter_tag_selector
3 forks.
5 stars.
0 open issues.

Recent commits:

Exit mobile version