https://github.com/mostafa-wael/wormy_effect_button

Flutter Package that helps you create draggable widgets with wormy effect
https://github.com/mostafa-wael/wormy_effect_button

dart draggable flutter open-source package pubdev

Last synced: 3 months ago
JSON representation

Flutter Package that helps you create draggable widgets with wormy effect

• Host: GitHub
• URL: https://github.com/mostafa-wael/wormy_effect_button
• Owner: Mostafa-wael
• License: other
• Created: 2022-02-26T21:41:56.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2022-03-04T11:57:34.000Z (almost 4 years ago)
• Last Synced: 2025-01-31T21:11:32.243Z (about 1 year ago)
• Topics: dart, draggable, flutter, open-source, package, pubdev
• Language: C++
• Homepage: https://pub.dev/packages/wormy_effect_button
• Size: 203 KB
• Stars: 10
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# WormyEffectButton



[![pub package](https://img.shields.io/pub/v/wormy_effect_button.svg)](https://pub.dev/packages/wormy_effect_button)

[![pub points](https://badges.bar/wormy_effect_button/pub%20points)](https://pub.dev/packages/wormy_effect_button/score)

[![popularity](https://badges.bar/wormy_effect_button/popularity)](https://pub.dev/packages/wormy_effect_button/score)

## 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.

```yaml

dependencies:

  wormy_effect_button: "^0.0.4"

```

## Usage

```dart

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!