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]

Step2: Importing the package. #

• import the plugin in [your_file].dart

import 'package:draggable_resizer/draggable_resizer.dart';

Step3: Call the draggable #

• Drag it horizontally from left to right direction

const DraggableResizer(
        draggerColor: Colors.white,
        axis: Axis.horizontal,
        direction: Direction.leftToRight)

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");
        })))

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!