Skip to content
A TextField flutter package with tagging functionality.
Branch: master
Clone or download
Latest commit 92fe1e4 Mar 23, 2019
Type Name Latest commit message Commit time
Failed to load latest commit information.
android/app/src/main/java/io/flutter/plugins Version 1.0.0 Dec 30, 2018
example Version 1.1.0 Mar 23, 2019
lib Version 1.1.0 Mar 23, 2019
.gitignore Version 1.0.0 Dec 30, 2018
.metadata Version 1.0.0 Dec 30, 2018 Version 1.1.0 Mar 23, 2019
LICENSE Version 1.0.0 Dec 30, 2018 Version 1.1.0 Mar 23, 2019
demo.gif Version 1.0.0 Dec 30, 2018
flutter_tagging.iml Version 1.0.0 Dec 30, 2018
pubspec.lock Version 1.1.0 Mar 23, 2019
pubspec.yaml Version 1.1.0 Mar 23, 2019

Flutter Tagging

Pub Package licence

A flutter package with tagging or multi-select functionality. Useful for adding Tag or Label Selection Forms.



1. Depend

Add this to you package's pubspec.yaml file:

  flutter_tagging: ^1.1.0

2. Install

Run command:

$ flutter packages get

3. Import

Import in Dart code:

import 'package:flutter_tagging/flutter_tagging.dart';

4. Using Flutter Tagging

/// textFieldDecoration: Adds decoration to TextField.
/// addButtonWidget: Button to be shown when new pattern is typed.
/// chipsColor: Background Color of Chips. Default is light grey.
/// chipsFontColor: Font Color of Chips. Default is black.
/// deleteIcon: Delete Icon to be included in Chips. Default is Material Cancel Icon.
/// chipsPadding: Imposes padding inside chips.
/// chipsSpacing: Defines horizontal space between chips.
/// suggestionsCallback: Callback to get suggestions as per the pattern entered.
/// onChanged: Callback to get result on data change.
     textFieldDecoration: InputDecoration(
         border: OutlineInputBorder(),
         hintText: "Tags",
         labelText: "Enter tags"),
     addButtonWidget: _buildAddButton(),
     chipsColor: Colors.pinkAccent,
     chipsFontColor: Colors.white,
     deleteIcon: Icon(Icons.cancel,color: Colors.white),
     chipsPadding: EdgeInsets.all(2.0),
     chipsFontSize: 14.0,
     chipsSpacing: 5.0,
     chipsFontFamily: 'helvetica_neue_light',
     suggestionsCallback: (pattern) async {
       return await TagSearchService.getSuggestions(pattern);
     onChanged: (result) {
       setState(() {
         text = result.toString();

For more detailed usage of properties, head on to flutter_typeahead's documentation.


Example sources


This package uses flutter_typeahead in order to display typeahead TextField with suggestions.

Huge thanks to @AbdulRahmanAlHamali and team for developing Flutter Typeahead.


Copyright 2018 Sarbagya Dhaubanjar

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
See the License for the specific language governing permissions and
limitations under the License.
You can’t perform that action at this time.