simple_textfield_tag 0.0.1 copy "simple_textfield_tag: ^0.0.1" to clipboard
simple_textfield_tag: ^0.0.1 copied to clipboard

SimpleTextFieldTag is a Flutter package that provides an easy-to-use widget for adding, displaying, and managing tags in the form of chips. It offers customizable styling, dynamic tag management, and [...]

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.

7
likes
140
pub points
11%
popularity

Publisher

unverified uploader

SimpleTextFieldTag is a Flutter package that provides an easy-to-use widget for adding, displaying, and managing tags in the form of chips. It offers customizable styling, dynamic tag management, and flexible callback functions, making it ideal for applications where users need to input multiple keywords, skills, or tags. The widget also supports custom controllers and various layout configurations for a responsive user experience

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (license)

Dependencies

flutter

More

Packages that depend on simple_textfield_tag