https://github.com/glorylab/wave

A Flutter package for displaying waves.
https://github.com/glorylab/wave

animation dart dartlang flutter wave

Last synced: about 1 month ago
JSON representation

A Flutter package for displaying waves.

• Host: GitHub
• URL: https://github.com/glorylab/wave
• Owner: glorylab
• License: mit
• Created: 2018-11-28T08:42:43.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2024-03-11T15:13:05.000Z (3 months ago)
• Last Synced: 2024-04-24T08:24:40.235Z (about 1 month ago)
• Topics: animation, dart, dartlang, flutter, wave
• Language: Dart
• Homepage: https://wave.glorylab.xyz
• Size: 13.4 MB
• Stars: 1,054
• Watchers: 9
• Forks: 94
• Open Issues: 16
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Lists

• awesome-flutter - Wave - Displaying some waves with custom color, duration, floating and blur effects by [RockerFlower](https://github.com/RockerFlower). (Components / UI)
• awesome-stars-webVueBlog - glorylab/wave - A Flutter package for displaying waves. (Dart / 运维\&DevOps)
• awesome-stars - wave

README

        
# WAVE



---

[![Awesome: Flutter](https://img.shields.io/badge/⌐◨─◨-AwesomeFlutter-blue.svg?logo=flutter&longCache=true&style=flat-square)](https://github.com/Solido/awesome-flutter#effect) 

[![Pub](https://img.shields.io/pub/v/wave.svg?logo=flutter&style=flat-square)](https://pub.dev/packages/wave)

![GitHub](https://img.shields.io/github/license/mashape/apistatus.svg?longCache=true&style=flat-square)

A Flutter package for displaying waves.

## Demo

| Platform  | Branch    | URL   | 

| -:        | -:        | -:    |

| Web       | `master`  | [wave.glorylab.xyz](https://wave.glorylab.xyz "The demo page of the wave package.") |

| Web       | `develop` | [dev.wave.glorylab.xyz](https://dev.wave.glorylab.xyz "The demo page of the wave package's develop branch.") |

## Getting Started

``` Dart

static const _backgroundColor = Color(0xFFF15BB5);

static const _colors = [

    Color(0xFFFEE440),

    Color(0xFF00BBF9),

];

static const _durations = [

    5000,

    4000,

];

static const _heightPercentages = [

    0.65,

    0.66,

];

WaveWidget(

    config: CustomConfig(

        colors: _colors,

        durations: _durations,

        heightPercentages: _heightPercentages,

    ),

    backgroundColor: _backgroundColor,

    size: Size(double.infinity, double.infinity),

    waveAmplitude: 0,

),

```