https://github.com/i-protoss/wave

A Flutter package for displaying waves.
https://github.com/i-protoss/wave

animation dart dartlang flutter wave

Last synced: 24 days ago
JSON representation

A Flutter package for displaying waves.

• Host: GitHub
• URL: https://github.com/i-protoss/wave
• Owner: glorylab
• License: mit
• Created: 2018-11-28T08:42:43.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2024-03-11T15:13:05.000Z (10 months ago)
• Last Synced: 2024-12-19T16:56:18.251Z (25 days ago)
• Topics: animation, dart, dartlang, flutter, wave
• Language: Dart
• Homepage: https://wave.glorylab.xyz
• Size: 13.4 MB
• Stars: 1,111
• Watchers: 8
• Forks: 96
• Open Issues: 17
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

• awesome-flutter - Wave - Widget for displaying waves with custom color, duration, floating and blur effects. ` 📝 3 months ago` (UI [🔝](#readme))

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,

),

```