fluttertagger 1.0.0+6 fluttertagger: ^1.0.0+6 copied to clipboard
A Flutter package that allows for the extension of TextFields to provide tagging capabilities (user mentions, hashtags, etc).
FlutterTagger #
FlutterTagger is a Flutter package that allows for the extension of TextFields to provide tagging capabilities. A typical use case is in social apps where user mentions and hashtags features are desired.
Install 🚀 #
In the pubspec.yaml
of your flutter project, add the following dependency:
dependencies:
fluttertagger: ^1.0.0+6
Import the package in your project 📥 #
import 'package:fluttertagger/fluttertagger.dart';
Usage 🏗️ #
FlutterTagger(
controller: flutterTaggerController,
onSearch: (query) {
//perform search
},
overlay: SearchResultView(),
builder: (context, containerKey) {
//return child TextField wrapped with a Container
//and pass it `containerKey`
return Container(
key: containerKey,
child: TextField(
controller: flutterTaggerController,
suffix: IconButton(
onPressed: () {
//get formatted text from controller
final text = flutterTaggerController.formattedText;
//perform send action...
FocusScope.of(context).unfocus();
flutterTaggerController.clear();
},
icon: const Icon(
Icons.send,
color: Colors.redAccent,
),
),
),
);
},
)
Explore detailed example demo here.
Demo 📷 #
Contributions 🫱🏾🫲🏼 #
Feel free to contribute to this project.
If you find a bug or want a feature, but don't know how to fix/implement it, please fill an issue.
If you fixed a bug or implemented a feature, please send a pull request.