crossFade method

Widget crossFade({ required Key key, Duration duration = const Duration(milliseconds: 300), Curve switchInCurve = Curves.easeIn, Curve switchOutCurve = Curves.easeOut, })

Wraps the widget for animated switching with cross-fade.

Example:

showFirst
  ? Text('First').crossFade(key: ValueKey('first'))
  : Text('Second').crossFade(key: ValueKey('second'));

Implementation

Widget crossFade({
  required Key key,
  Duration duration = const Duration(milliseconds: 300),
  Curve switchInCurve = Curves.easeIn,
  Curve switchOutCurve = Curves.easeOut,
}) =>
    AnimatedSwitcher(
      duration: duration,
      switchInCurve: switchInCurve,
      switchOutCurve: switchOutCurve,
      child: KeyedSubtree(
        key: key,
        child: this,
      ),
    );