draggable_resizer

Description:

draggable resizer

Draggable Resizer #
Allows to seemlessly drag the widget in two (2) dimensional axis, along with resizing and rotating it the same time.
Features #

Seamlessly drag the widget
Allows resizing while dragging
Allows rotating while dragging

Usage #
Step1: Adding plugin dependency #

add the plugin to your pubspec.yaml file:

draggable_resizer: [latest_version]
copied to clipboard
Step2: Importing the package. #

import the plugin in [your_file].dart

import 'package:draggable_resizer/draggable_resizer.dart';
copied to clipboard
Step3: Call the draggable #

Drag it horizontally from left to right direction

const DraggableResizer(
draggerColor: Colors.white,
axis: Axis.horizontal,
direction: Direction.leftToRight)
copied to clipboard
Step4: Listen to state changes #

you can also listen to value changes from 1 to 100 (Left to Right):

const DraggableResizer(
draggerColor: Colors.white,
axis: Axis.horizontal,
direction: Direction.leftToRight,
onValueChange: ((val) => setState(() {
print("Value changed to $val");
})))
copied to clipboard
Step5: Change widgets to your own customize widgets #

Go to example/lib/main.dart file to see all examples
See next section for images

Step6: Run! #

Use this command in terminal: "flutter run"

Examples: #
Initially it was made as an alternative for 'resizing sliders' but later on found several use cases as listed below:
Example Gif/Mp4 files for review are as below: (wait while its loading):

https://user-images.githubusercontent.com/112107681/211199886-e2e5d6bb-392b-47ee-94c3-613f0937aa15.mp4
https://user-images.githubusercontent.com/112107681/211199890-01554462-7f96-4245-89ff-285c94e9e1ba.mp4
https://user-images.githubusercontent.com/112107681/211199895-34eae73f-39f6-4bb3-ac62-5d5668892ee3.mp4
https://user-images.githubusercontent.com/112107681/211199892-a6e4d19c-4c48-4fee-ba48-5f54efdef4dd.mp4
Important URL #


PUBDEV URL


GITHUB URL


FAQ #
Created by Javeria Iffat
In case you need: to add new feature or you get any error or any help, please contact me at [email protected] or [email protected]
please be kind if you get any errors, text me I'll be more than happy to help you all.
THANK YOU!