wormy_effect_button 0.0.4

Support creating draggable widgets with wormy effect, by adding an underlying set of widgets. And control the dragging speed, curve style, and an onPressed function.

WormyEffectButton

Platform Support

Android	iOS	MacOS	Web	Linux	Windows
✔️	✔️	✔️	✔️	✔️	✔️

Features

This Package helps you to create draggable widgets with wormy effect

Demo

https://user-images.githubusercontent.com/56788883/156225318-facc0430-1178-4f6b-86c8-02bdc869c8c3.mp4

Getting started

You should ensure that you add the dependency in your flutter project.

dependencies:
  wormy_effect_button: "^0.0.4"

Usage

import 'package:wormy_effect_button/wormy_effect_button.dart';
WormyEffectButton(
        onPressed: _incrementCounter, // the onPressed function
        initialOffset: const Offset(340, 610), // the initial offset of the button
        holdPosition: false, // indicates whether the button will return back to its initial offset or not
        hideUnderlying: false, // hide the underlying widgets in the static condition
        curve: Curves.fastLinearToSlowEaseIn, // the way that the widgets animates
        motionDelay: 400, // the delay between the movement of the underlying widgets
        children: [ // the underlying widgets that will be animated
          Container(
            width: 50,
            height: 50,
            child: const Icon(Icons.camera),
            decoration:
                const BoxDecoration(color: Colors.blue, shape: BoxShape.circle),
          ),
          Container(
            width: 50,
            height: 50,
            child: const Icon(Icons.camera),
            decoration:
                const BoxDecoration(color: Colors.red, shape: BoxShape.circle),
          ),
        ],
      ),
    );

Additional information

More information about how to contribute will be available soon!