material_tag_editor 0.1.2 copy "material_tag_editor: ^0.1.2" to clipboard
material_tag_editor: ^0.1.2 copied to clipboard

A simple tag editor for inputing tags. This is design to act and feel similar the standard Material TextField as much as possible.

Material Tag Editor #

Breaking Changes for 0.0.6 #

  • Correct the spelling of TagEditor's named parameter, delimeters to delimiters

A simple tag editor for inputing tags.

image

Usage #

Add the package to pubspec.yaml

dependencies:
  material_tag_editor: x.x.x
copied to clipboard

Import it

import 'package:material_tag_editor/tag_editor.dart';
copied to clipboard

Use the widget

TagEditor(
  length: values.length,
  delimiters: [',', ' '],
  hasAddButton: true,
  inputDecoration: const InputDecoration(
    border: InputBorder.none,
    hintText: 'Hint Text...',
  ),
  onTagChanged: (newValue) {
    setState(() {
      values.add(newValue);
    });
  },
  tagBuilder: (context, index) => _Chip(
    index: index,
    label: values[index],
    onDeleted: onDelete,
  ),
)
copied to clipboard

It is possible to build the tag from your own widget, but it is recommended that Material Chip is used

class _Chip extends StatelessWidget {
  const _Chip({
    @required this.label,
    @required this.onDeleted,
    @required this.index,
  });

  final String label;
  final ValueChanged<int> onDeleted;
  final int index;

  @override
  Widget build(BuildContext context) {
    return Chip(
      labelPadding: const EdgeInsets.only(left: 8.0),
      label: Text(label),
      deleteIcon: Icon(
        Icons.close,
        size: 18,
      ),
      onDeleted: () {
        onDeleted(index);
      },
    );
  }
}
copied to clipboard
123
likes
160
points
1.62k
downloads

Publisher

unverified uploader

Weekly Downloads

2024.10.04 - 2025.04.18

A simple tag editor for inputing tags. This is design to act and feel similar the standard Material TextField as much as possible.

Repository (GitHub)

Documentation

API reference

License

MIT (license)

Dependencies

flutter

More

Packages that depend on material_tag_editor