siri_wave #

A Flutter package to create beautiful waveforms like in Siri. It was inspired from the siriwave library.

Demo #

Check out the live demo here.

iOS 7 style #

iOS 9 style #

Getting Started #

Requirements #

• Dart >= 2.17.0
• Flutter >= 3.0.0

Usage #

Simply create a SiriWave widget:

import 'package:siri_wave/siri_wave.dart';

class MyWidget extends StatelessWidget {
  Widget build(BuildContext context) {
    return SiriWave();
  }
}

To be able to change the amplitude, frequency, speed and color properties of the waveform, create a SiriWaveController and pass it to the SiriWave widget:

import 'package:siri_wave/siri_wave.dart';

class MyWidget extends StatelessWidget {
  Widget build(BuildContext context) {
    // You can change the default values while creating the controller.
    //  final controller = SiriWaveController(
    //    amplitude: 0.5,
    //    color: Colors.red,
    //    frequency: 4,
    //    speed: 0.15,
    //  );
    final controller = SiriWaveController();
    return SiriWave(controller: controller);
  }
}

And then call any method you want from the controller.

controller.setAmplitude(0.8);
controller.setSpeed(0.1);

// Only available in the iOS 7 style waveform.
controller.setColor(Colors.yellow);
controller.setFrequency(4);

See the example directory for a complete sample app.

SiriWave #

SiriWaveController #

SiriWaveOptions #

🤝 Contributing #

Contributions, issues and feature requests are welcome. Feel free to check issues page if you want to contribute.