🗨️ Image Tag

Features

  • ImageTag
  • TagContainer
  • TagItem
  • TagTooltipOptions

Support Platforms

  • Flutter Android
  • Flutter iOS
  • Flutter Web
  • Flutter Desktop

Usage

Add the package to pubspec.yaml

dependencies:
  image_tag: ^<latest-version>

After that import the package

import 'package:image_tag/image_tag.dart';

ImageTag

ImageTag(
  debug: true,
  image: _imageUrl,
  tagItems: _items.
  current: _item,
  options: _options,
  alignment: Alignment.center,
  onTap: (TagItem item) => null,
  onLongTap: (TagItem item) => null,
  onDoubleTap: (TagItem item) => null,
  onTagUpdate: (List<TagItem> items, TagItem item) => null,
  onTagTap: (TagItem item) => null,
  onTagLongTap: (TagItem item) => null,
  customTap: (double x, double y, Offset position) => null,
  customLongTap: (double x, double y, Offset position) => null,
  customDoubleTap: (double x, double y, Offset position) => null,
  customTagUpdate: (double x, double y, int itemIndex) => null,
  customTagTap: (double x, double y, int itemIndex) => null,
  customTagLongTap: (double x, double y, int itemIndex) => null,
  onListener: (TagItem? item) => null,
);

TagTooltipOptions

TagTooltipOptions(
  tooltip: true,
  width: _width,
  height: _height,
  margin: 4.0,
  radius: 8.0,
  color: _color,
  arrowSize: 8.0,
  duration: 100,
  child: null,
  transitionBuilder: (Widget child, Animation<double> animation) =>
          ScaleTransition(scale: animation, child: child),
);

TagContainer

TagContainer(
  height: 60.0,
  width: 100.0,
  child: Container(color: Colors.black),
);

TagItem

TagItem(
  x: _x,
  y: _y,
  child: _child,
  arguments: _data, 
);

Example

Custom

Custom Example

PageView

PageView Example

Simple

Simple Example

Created by Tyger Github

Libraries

image_tag