phased

Description:

phased

Phased #


Simplified state management focused on animations
Installation 💻 #
❗ In order to start using Phased you must have the Flutter SDK installed on your machine.
Add phased to your pubspec.yaml:
dependencies:
phased:
copied to clipboard
Install it:
flutter packages get
copied to clipboard
Description #
Phased is a simple state management meant to be used to build animations, its objective is to
provide an easy, boilerplateless way to create and manage the state of an animation, so developers
can focus on building the animations themselves.
The package consists of two classes: PhasedState, which describes the state and offers control methods for an animation, and Phased, an abstract Widget that will build the animation itself.
Example #
To build a simple animation that blinks a child using opacity, the following code can be used:
class BlinkState extends PhasedState<bool> {
BlinkState() : super(values: [true, false]);
}

class Blink extends Phased<bool> {
const Blink({
super.key,
required super.state,
required this.child,
});

final Widget child;

@override
Widget build(BuildContext context) {
return AnimatedOpacity(
opacity: state.phaseValue(
values: const {true: 1},
defaultValue: 0,
),
onEnd: state.next,
duration: const Duration(milliseconds: 250),
child: child,
);
}
}
copied to clipboard
Then to use it:
Blink(
state: BlinkState(),
child: Container(
width: 100,
height: 100,
color: Colors.blue,
),
);
copied to clipboard
For more complex examples, check the example folder.