AnimationSwitcherウィジェット

概要

AnimationSwitcherウィジェットは、childにてifが用意されているとき、その切り替え時にアニメーションを実行するウィジェットである。

見た目

解説

このコードでは、_isShowImagePicker変数によりアニメーションをスイッチしている。

AnimatedSwitcher(
 switchInCurve: Curves.easeInOut,
 switchOutCurve: Curves.easeInOut,
 duration: const Duration(milliseconds: 300),
 child: _isShowImagePicker
    ? ImagePickAndselectWidget(
        closeFragmentCallback: () {
          setState(() {
            _isShowImagePicker = !_isShowImagePicker;
          });
        },
      )
    : Container(),
 transitionBuilder: (Widget child, Animation<double> animation) {
    return SlideTransition(
      position: Tween<Offset>(
        begin: const Offset(0, 1),
        end: Offset.zero,
      ).animate(animation),
      child: child,
    );
 },
)
 

プロパティ

名称	概要	備考
child	アニメーションを適用する子ウィジェットを指定。	子ウィジェットが変更されると、アニメーションがトリガーされる。
duration	アニメーションの持続時間を指定。	アニメーションの速度を制御。
reverseDuration	アニメーションが逆方向に進む際の持続時間を指定。	duration と同様にアニメーションの速度を制御しますが、逆方向のアニメーションにのみ適用される。
switchInCurve	新しい子ウィジェットが表示される際のアニメーションカーブを指定。	アニメーションの挙動をカスタマイズ。
switchOutCurve	既存の子ウィジェットが非表示になる際のアニメーションカーブを指定。	アニメーションの挙動をカスタマイズ。
transitionBuilder	アニメーションのトランジションをカスタマイズするためのビルダーを指定。	デフォルトのクロスフェード以外のトランジションを実装するために使用される。
layoutBuilder	子ウィジェットのレイアウトをカスタマイズするためのビルダーを指定。	子ウィジェットのサイズや位置を動的に変更するために使用される。