【 Flutter 】Flutter を 基礎 から 学習 ( ウィジェット編 ) part112 アニメーション系ウィジェット
「 基礎 から 学ぶ Flutter 」という書籍で 学習 したことを ブログでアウトプットしていこうと思います。今回は ウィジェット編 ( part112 )です。
前回
【 Flutter 】Flutter を 基礎 から 学習 ( ウィジェット編 ) part111 アニメーション系ウィジェット
引き続き、アニメーション系について学びます。
アニメーション系ウィジェット
AnimatedControllerを利用しないウィジェット
AnimatedControllerを利用しないけどアニメーションの機能を持つウィジェットはウィジェットの先頭Animatedが付いています。
- AnimatedAlign
- AnimatedContainer
- AnimatedCrossFade
- AnimatedDefaultTextStyle
- AnimatedIcon
- AnimatedModalBarrier
- AnimatedList
- AnimatedOpacity
- AnimatedSize
- AnimatedPadding
- AnimatedPhysicalModel
- AnimatedPositioned
- AnimatedPositionedDirectional
- AnimatedTheme
- AnimatedSwitcher
・・・とたくさんのアニメーションウィジェットが用意されています。
これらウィジェットのプロパティ値をsetState()で変化させるとchildプロパティに指定したウィジェットをアニメーションさせることができるそうです。
最後に
たくさんあっていろいろ使ってみたくなりますがたくさん使用すると目がチカチカしそうですね😮
今日はここまで！