flexiges

Last updated:

0 purchases

flexiges Image
flexiges Images
Add to Cart

Description:

flexiges

Flexi #
Flexi is a Flutter package that provides a flexible widget for zooming, panning, and rotating child widgets.

Features #

Zoom in and out of a widget.
Pan the widget by dragging it.
Rotate the widget using gestures.
Double-tap to reset the widget to its original state.
Configurable minimum and maximum scale limits.
Configurable maximum translation limits along the X and Y axes.
Enable/disable rotation, scaling, and translation individually.
Support for custom callbacks on scale start, update, and end events.

Installation #
Add the following dependency to your pubspec.yaml file:
dependencies:
flexi: ^1.0.0
copied to clipboard
Usage #
Import the package in your Dart file:
import 'package:flexi/flexi.dart';
Wrap your widget with the Flexi widget:
FlexiGes(
child: YourWidget(),
minScale: 0.8, // Set the minimum scale limit (optional)
maxScale: 2.5, // Set the maximum scale limit (optional)
onScaleUpdate: (offset, scale, rotation) {
// Handle scale update event
},
onScaleEnd: (details) {
// Handle scale end event
},
)
copied to clipboard
Parameters #

child: The child widget that you want to apply zoom, pan, and rotate features to. (required)
minScale: The minimum scale factor for scaling the widget. Defaults to 0.8. (optional)
maxScale: The maximum scale factor for scaling the widget. Defaults to 2.5. (optional)
onScaleUpdate: A callback function that is triggered during the scale update event. It provides the current offset, scale factor, and rotation angle as parameters. (optional)
onScaleEnd: A callback function that is triggered when the scale event ends. It provides the scale end details as a parameter. (optional)
canRotate: Flag to enable/disable rotation. Defaults to true. (optional)
canScale: Flag to enable/disable scaling. Defaults to true. (optional)
canTranslate: Flag to enable/disable translation. Defaults to true. (optional)
returnToOrigin: Flag to enable/disable returning to the original state on double-tap. Defaults to true. (optional)
enabled: Flag to enable/disable the Flexi widget. Defaults to true. (optional)
maxTranslationX: The maximum translation value along the X-axis. Defaults to 100. (optional)
maxTranslationY: The maximum translation value along the Y-axis. Defaults to 100. (optional)

Example #
Check out the example directory for a working example of using the Flexi widget.
Running Tests #
To run the tests for the Flexi package, use the following command:
flutter test flexi_test.dart
Contributing #
Contributions are welcome! Please submit any issues or pull requests via the GitHub repository.
License #
This project is licensed under the MIT License.
Feel free to customize the content further based on your package's specific details and testing instructions.

License:

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Files In This Product:

Customer Reviews

There are no reviews.