SimpleTextFieldTag

SimpleTextFieldTag is a Flutter package that provides a customizable widget for users to input, manage, and display tags in the form of chips. It is ideal for apps where users need to enter multiple keywords, categories, or labels.

Features

  • Add tags dynamically via text input
  • Display tags as chips with customizable styles
  • Remove tags with a delete button
  • Fully customizable widget with control over colors, text styles, and more

AWESOME RATING

DEMO

Installing

1. Depend on it

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

dependencies:
   simple_textfield_tag: ^0.0.1

2. Install it

You can install packages from the command line:

with pub:

$ pub get

with Flutter:

$ flutter pub get

3. Import it

Now in your Dart code, you can use:

import 'package:simple_textfield_tag/simple_textfield_tag.dart';

Usage


import 'package:simple_textfield_tag/simple_textfield_tag.dart';

class MyWidget extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
      return SimpleTextFieldTag(
         initialTags: ['tag1', 'tag2'],
         onTagAdded: (tag) => print('Tag added: $tag'),
         onTagRemoved: (tag) => print('Tag removed: $tag'),
         chipBackgroundColor: Colors.white,
         deleteIconColor: Colors.red,
         chipBorderSide: BorderSide(color: Colors.blue),
      );
   }
}

Customization

initialTags: Set the initial list of tags. labelText: Customize the label text for the input field. tagTextStyle: Change the text style for the tags. chipBackgroundColor: Set the background color for the tag chips. deleteIconColor: Customize the delete icon color. chipBorderSide: Modify the chip's border style.

Contributions

Feel free to contribute to this project by submitting a pull request or opening an issue.

Libraries

simple_textfield_tag