image_zoom_on_move 1.0.0

A Flutter package that lets you add an image and the zoom effect when moving the mouse over this image.

image_zoom_on_move

A Flutter package that lets you add an image and the zoom effect when moving the mouse over this image.

Features

Usage

To use this plugin, add image_zoom_on_move as a dependency in your pubspec.yaml file.

Recommended usage: Web.

Example

final imageUrl =
      "https://images.unsplash.com/photo-1619360142632-031d811d1678?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=872&q=80";

ImageZoomOnMove(
    image: Image.network(
        imageUrl,
        fit: BoxFit.cover,
    ),
),

To change the cursor:

final imageUrl =
      "https://images.unsplash.com/photo-1619360142632-031d811d1678?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=872&q=80";

ImageZoomOnMove(
    cursor: SystemMouseCursors.grab,
    image: Image.network(
        imageUrl,
        fit: BoxFit.cover,
    ),
),

Constructors

const ImageZoomOnMove({
    this.height,
    this.width,
    this.cursor = SystemMouseCursors.zoomIn,
    this.onTap,
    required this.image,
    Key? key,
}) : super(key: key);