zoom_hover_pinch_image 1.0.3

An image zoom package with easy integration, pinch-to-zoom interaction, and customizable border radius.

Zoom functionality: Enables pinch-to-zoom interaction on the child widget. Border radius customization: Allows you to specify the border radius for clipping the child widget. Aspect ratio customization: Specifies the aspect ratio of the widget. Min and max scale limits: Sets the minimum and maximum allowed zoom levels for the child widget. Clip behavior: Determines whether clipping behavior should be applied to the child widget. By customizing these properties, you can control the zoom level, aspect ratio, clipping behavior, and scale limits, tailoring the interaction experience to your specific requirements.

Features

Zoom(
child: Image.network("https://i.pravatar.cc/300"),
clipBehavior: false,
),

Zoom(
child: Image.network("https://i.pravatar.cc/300"),
clipBehavior: true,
),

Zoom.pinch(
child: Image.network("https://i.pravatar.cc/300"),
clipBehavior: false,
borderRadius: BorderRadius.circular(8.0),
),

use web && windows && mac && linux

Zoom.hover(
child: Image.network("https://i.pravatar.cc/300"),
zoomedScale: 3.0
),

use web && windows && mac && linux

Zoom.hoverMouseRegion(
child: Image.network("https://i.pravatar.cc/300"),
 zoomedScale: 3.0
),

Zoom.zoomOnTap(
child: Image.network("https://i.pravatar.cc/300"),
zoomedScale: 3.0,
clipBehavior: true,
),

Zoom.zoomOnTap(
child: Image.network("https://i.pravatar.cc/300"),
zoomedScale: 3.0,
clipBehavior: false,
),

Zoom.zoomOnTap(
child: Image.network("https://i.pravatar.cc/300"),
zoomedScale: 3.0,
clipBehavior: true,
oneTapZoom: true,
doubleTapZoom: false,
),

Getting started

dependencies:
  zoom_hover_pinch_image: ^1.0.3

How to use

import 'package:zoom_hover_pinch_image/zoom_hover_pinch_image.dart';

Usage

/example.

Zoom.zoomOnTap(
child: Image.network("https://i.pravatar.cc/300"),
zoomedScale: 3.0,
clipBehavior: true,
oneTapZoom: true,
doubleTapZoom: false,
),

Additional information

If you have any issues, questions, or suggestions related to this package, please feel free to contact us at [e-mail]. We welcome your feedback and will do our best to address any problems or provide assistance. For more information about this package, you can also visit our GitHub repository where you can find additional resources, contribute to the package's development, and file issues or bug reports. We appreciate your contributions and feedback, and we aim to make this package as useful as possible for our users. Thank you for using our package, and we look forward to hearing from you!.