mostafa-wael / wormy_effect_button Goto Github PK

View Code? Open in Web Editor NEW

Flutter Package that helps you create draggable widgets with wormy effect

License: Other

Dart 22.98% Kotlin 0.32% Swift 1.04% Objective-C 0.10% HTML 10.08% CMake 20.39% C++ 43.20% C 1.89%

wormy_effect_button's Introduction

WormyEffectButton

Platform Support

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

Features

This Package helps you to create draggable widgets with wormy effect

Demo

wormy.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),
          ),
        ],
      ),
    );