floating_overlay

Description:

floating overlay

A widget wrapper that allows a floating widget be dragged and rescaled.
Features #

Floating widget on top of the screen
Resizing and repositioning the floating widget
Constrainable space to float inside the tree (optional)
Limiting borders with padding
State managment when pushing and poping screens (needs the RouteObserver for managing push)


Getting started #
Add to your pubspec.yaml file:
dependencies:
flutter:
sdk: flutter
floating_overlay: ^1.2.1
copied to clipboard
Import the package
import 'package:floating_overlay/floating_overlay.dart';
copied to clipboard
Usage #
Create a FloatingOverlayController
final controller = FloatingOverlayController.absoluteSize(
maxSize: const Size(200, 200),
minSize: const Size(100, 100),
start: Offset.zero,
padding: const EdgeInsets.all(20.0),
constrained: true,
);
copied to clipboard
or
final controller = FloatingOverlayController.relativeSize(
maxScale: 2.0,
minScale: 1.0,
start: Offset.zero,
padding: const EdgeInsets.all(20.0),
constrained: true,
);
copied to clipboard
Insert the FloatingOverlay widget inside your widget tree and give it the controller, a child and a floatingChild.
FloatingOverlay(
controller: controller,
floatingChild: SizedBox.square(
dimension: 100.0,
child: Container(
decoration: BoxDecoration(
color: Theme.of(context).primaryColor,
border: Border.all(
color: Colors.black,
width: 5.0,
),
),
),
),
child: Container(),
);
copied to clipboard
Then use the controller to make the floating child show or hide.
controller.hide();
controller.isFloating;
controller.show();
controller.toggle();
copied to clipboard