flutter pub add phased基于插件公开信息、社区数据与项目使用情况整理的选型参考。
Phased 是一个 Flutter 包，通过专注于动画来简化状态管理。它使开发者能够以声明式且直观的方式管理状态转换，特别适用于依赖大量动画变化的 UI。通过将状态更新组织成阶段，它确保了跨小部件的平滑、协调的动画效果。该包与 Flutter 的动画系统无缝集成，并为复杂的基于状态的动画提供了清晰、易读的代码。
以下为关联源码仓库的 README 原文快照，最新内容请访问源码仓库。
Simplified state management focused on animations
❗ In order to start using Phased you must have the Flutter SDK installed on your machine.
Add phased to your pubspec.yaml:
dependencies:
phased:
Install it:
flutter packages get
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.
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,
);
}
}
Then to use it:
Blink(
state: BlinkState(),
child: Container(
width: 100,
height: 100,
color: Colors.blue,
),
);
For more complex examples, check the example folder.