https://github.com/ankit-slnk/simple_wave

A Flutter plugin for wave animation.
https://github.com/ankit-slnk/simple_wave

animation custompainter flutter package wave

Last synced: 23 days ago
JSON representation

A Flutter plugin for wave animation.

• Host: GitHub
• URL: https://github.com/ankit-slnk/simple_wave
• Owner: Ankit-Slnk
• License: bsd-3-clause
• Created: 2021-05-15T13:44:18.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2024-12-20T05:56:27.000Z (2 months ago)
• Last Synced: 2024-12-20T06:29:58.509Z (2 months ago)
• Topics: animation, custompainter, flutter, package, wave
• Language: JavaScript
• Homepage: http://ankitsolanki.dev
• Size: 1.85 MB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# simple_wave

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



A Flutter plugin for wave animation.

![simple_wave](simple_wave.png)

![simple_wave](simple_wave.gif)

## Usage

To use this plugin, add [`simple_wave`](https://pub.dev/packages/simple_wave) as a [dependency in your pubspec.yaml file](https://flutter.dev/docs/development/packages-and-plugins/using-packages/).

## Example

Import the library.

``` dart

import 'package:simple_wave/simple_wave.dart';

```

Then invoke the `SimpleWaveWidget` method to create simple wave.

``` dart

SimpleWaveWidget(

    waveHeight: MediaQuery.sizeOf(context).height,

    waveWidth: MediaQuery.sizeOf(context).width,

)

```

The `SimpleWaveWidget` method takes required `waveWidth`, `waveHeight` and optional `waveColor`, `amplitude`, `waveMilliseconds` arguments.

``` dart

SimpleWaveWidget(

    waveWidth: 300, // this changes width of wave

    waveHeight: 150, // this changes height of wave

    waveColor: Colors.blue, // this changes color of wave

    amplitude: 50, // this changes height of wave

    waveMilliseconds: 5000, //this changes speed of wave

    numberOfWave: 10, //this changes number of waves

)

```

Checkout [this package demo](https://flutter-web-wave.netlify.app/#/) in [Flutter Web](https://flutter.dev/docs/get-started/web).

View [Medium story](https://ankit-solanki.medium.com/simple-wave-642028811e36)