A TextField flutter package with tagging functionality

flutter tag.ging

a flutter package with taggi.ng or multi-select functionality. useful for adding tag or label selection forms.

usage

1. depend

add this to you package’s pubspec.yaml file:

dependencies:
  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 tag.ging

///
/// 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.
///
fluttertagging(
     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

example sources