Friday, December 1, 2023

how to animate backgrounds in flutter

Animated Backgrounds for Flutter

Animated Backgrounds for Flutter. Easily extended to paint whatever you want on the canvas.

How to use

In your pubspec.yaml:

dependencies:
  animated_background: ^1.0.5

In your Dart file:

import 'package:animated_background/animated_background.dart';

Use in a Stateful Widget with mixin TickerProviderStateMixin or pass a ticker provider in vsync.

AnimatedBackground(
  behaviour: RandomParticleBehaviour(),
  vsync: this,
  child: Text('Hello'),
);

Demo

.

Screenshot
Screenshot