アニメーション - TetsuFe/state_notifier_sample6 GitHub Wiki
https://twitter.com/tetsufe_/status/1257951352690335744?s=20
- Tweenで初めの値と終わりの値を設定
- Animationなどでアニメーションを定義
- AnimationControllerでアニメーションの開始、終了などをcallしたり、リスナーなどを設定したりできる
- Animationの値を使って、例えばContainer(width: )やAlignTransitionなどでアニメーションを表現できる
- アニメーションはTickerProviderStateMixinをwithで使うことでsetStateを実行しまくる
- TickerProviderStateMixin: 複数のvsyncを使いたい時はこちらを使う
- SingleTickerProviderStateMixin: 1つだけの場合はこちら
vsyncを使ってStatefulWidgetと紐づける
controller = AnimationController(
duration: const Duration(milliseconds: 300), vsync: this);