AnimatedWidgetEffectsExtensions extension
Extensions for adding animations to widgets.
- on
Methods
-
animatedColor(
{required Color color, Duration duration = const Duration(milliseconds: 300), Curve curve = Curves.easeInOut, BlendMode blendMode = BlendMode.srcATop}) → Widget -
Available on Widget, provided by the AnimatedWidgetEffectsExtensions extension
Wraps the widget with an animated color overlay. -
animatedRotate(
{double turns = 0.0, Duration duration = const Duration(milliseconds: 300), Curve curve = Curves.easeInOut, Alignment alignment = Alignment.center}) → Widget -
Available on Widget, provided by the AnimatedWidgetEffectsExtensions extension
Wraps the widget with an animated rotation. -
animatedScale(
{double scale = 1.0, Duration duration = const Duration(milliseconds: 300), Curve curve = Curves.easeInOut, Alignment alignment = Alignment.center}) → Widget -
Available on Widget, provided by the AnimatedWidgetEffectsExtensions extension
Wraps the widget with an animated scale. -
animatedSize(
{Duration duration = const Duration(milliseconds: 300), Curve curve = Curves.easeInOut, Alignment alignment = Alignment.center, Clip clipBehavior = Clip.hardEdge}) → Widget -
Available on Widget, provided by the AnimatedWidgetEffectsExtensions extension
Wraps the widget with an animated size. -
blurIn(
{Duration duration = const Duration(milliseconds: 400), Duration delay = Duration.zero, double beginBlur = 10.0, Curve curve = Curves.easeOut}) → Widget -
Available on Widget, provided by the AnimatedWidgetEffectsExtensions extension
Wraps the widget with an animated blur effect. -
bounce(
{Duration duration = const Duration(milliseconds: 800), double height = 10.0}) → Widget -
Available on Widget, provided by the AnimatedWidgetEffectsExtensions extension
Wraps the widget with a continuous bounce animation. -
bounceIn(
{Duration duration = const Duration(milliseconds: 600), Duration delay = Duration.zero, Alignment alignment = Alignment.center}) → Widget -
Available on Widget, provided by the AnimatedWidgetEffectsExtensions extension
Wraps the widget with a bounce-in animation. -
crossFade(
{required Key key, Duration duration = const Duration(milliseconds: 300), Curve switchInCurve = Curves.easeIn, Curve switchOutCurve = Curves.easeOut}) → Widget -
Available on Widget, provided by the AnimatedWidgetEffectsExtensions extension
Wraps the widget for animated switching with cross-fade. -
elasticIn(
{Duration duration = const Duration(milliseconds: 800), Duration delay = Duration.zero}) → Widget -
Available on Widget, provided by the AnimatedWidgetEffectsExtensions extension
Wraps the widget with an elastic scale-in animation. -
fade(
{double opacity = 1.0, Duration duration = const Duration(milliseconds: 300), Curve curve = Curves.easeInOut}) → Widget -
Available on Widget, provided by the AnimatedWidgetEffectsExtensions extension
Wraps the widget with a controllable fade animation. -
fadeIn(
{Duration duration = const Duration(milliseconds: 300), Duration delay = Duration.zero, Curve curve = Curves.easeIn}) → Widget -
Available on Widget, provided by the AnimatedWidgetEffectsExtensions extension
Wraps the widget with a fade-in animation. -
fadeOut(
{Duration duration = const Duration(milliseconds: 300), Duration delay = Duration.zero, Curve curve = Curves.easeOut}) → Widget -
Available on Widget, provided by the AnimatedWidgetEffectsExtensions extension
Wraps the widget with a fade-out animation. -
flipHorizontal(
{bool isFlipped = false, Duration duration = const Duration(milliseconds: 500), Curve curve = Curves.easeInOut, Widget? backWidget}) → Widget -
Available on Widget, provided by the AnimatedWidgetEffectsExtensions extension
Wraps the widget with a horizontal flip animation. -
flipIn(
{Duration duration = const Duration(milliseconds: 500), Duration delay = Duration.zero, Curve curve = Curves.easeOutCubic, Axis axis = Axis.vertical}) → Widget -
Available on Widget, provided by the AnimatedWidgetEffectsExtensions extension
Wraps the widget with a flip-in animation. -
flipVertical(
{bool isFlipped = false, Duration duration = const Duration(milliseconds: 500), Curve curve = Curves.easeInOut, Widget? backWidget}) → Widget -
Available on Widget, provided by the AnimatedWidgetEffectsExtensions extension
Wraps the widget with a vertical flip animation. -
float(
{Duration duration = const Duration(seconds: 2), double distance = 10.0}) → Widget -
Available on Widget, provided by the AnimatedWidgetEffectsExtensions extension
Wraps the widget with a floating animation effect. -
glow(
{Color color = Colors.blue, Duration duration = const Duration(seconds: 1), double minRadius = 0.0, double maxRadius = 10.0}) → Widget -
Available on Widget, provided by the AnimatedWidgetEffectsExtensions extension
Wraps the widget with a glowing animation effect. -
heartbeat(
{Duration duration = const Duration(milliseconds: 1200)}) → Widget -
Available on Widget, provided by the AnimatedWidgetEffectsExtensions extension
Wraps the widget with a heartbeat animation. -
hero(
Object tag) → Widget -
Available on Widget, provided by the AnimatedWidgetEffectsExtensions extension
Wraps widget with Hero animation. -
jello(
{Duration duration = const Duration(milliseconds: 1000), Duration delay = Duration.zero}) → Widget -
Available on Widget, provided by the AnimatedWidgetEffectsExtensions extension
Wraps the widget with a jello animation effect. -
pulse(
{Duration duration = const Duration(milliseconds: 1000), double minScale = 0.95, double maxScale = 1.05}) → Widget -
Available on Widget, provided by the AnimatedWidgetEffectsExtensions extension
Wraps the widget with a pulse animation. -
rubberBand(
{Duration duration = const Duration(milliseconds: 800), Duration delay = Duration.zero}) → Widget -
Available on Widget, provided by the AnimatedWidgetEffectsExtensions extension
Wraps the widget with a rubber band animation effect. -
scaleIn(
{Duration duration = const Duration(milliseconds: 300), Duration delay = Duration.zero, Curve curve = Curves.easeOutBack, double beginScale = 0.0, Alignment alignment = Alignment.center}) → Widget -
Available on Widget, provided by the AnimatedWidgetEffectsExtensions extension
Wraps the widget with a scale-in animation. -
scaleOut(
{Duration duration = const Duration(milliseconds: 300), Duration delay = Duration.zero, Curve curve = Curves.easeInBack, double endScale = 0.0, Alignment alignment = Alignment.center}) → Widget -
Available on Widget, provided by the AnimatedWidgetEffectsExtensions extension
Wraps the widget with a scale-out animation. -
shake(
{Duration duration = const Duration(milliseconds: 500), Duration delay = Duration.zero, double intensity = 10.0, int shakes = 4}) → Widget -
Available on Widget, provided by the AnimatedWidgetEffectsExtensions extension
Wraps the widget with a shake animation. -
shakeHorizontal(
{Duration duration = const Duration(milliseconds: 500), double intensity = 10.0}) → Widget -
Available on Widget, provided by the AnimatedWidgetEffectsExtensions extension
Wraps the widget with a horizontal shake animation. -
shakeVertical(
{Duration duration = const Duration(milliseconds: 500), double intensity = 10.0}) → Widget -
Available on Widget, provided by the AnimatedWidgetEffectsExtensions extension
Wraps the widget with a vertical shake animation. -
shimmer(
{Duration duration = const Duration(milliseconds: 1500), Color baseColor = const Color(0xFFE0E0E0), Color highlightColor = const Color(0xFFF5F5F5), ShimmerDirection direction = ShimmerDirection.leftToRight}) → Widget -
Available on Widget, provided by the AnimatedWidgetEffectsExtensions extension
Wraps the widget with a shimmer effect. -
slide(
{Offset offset = Offset.zero, Duration duration = const Duration(milliseconds: 300), Curve curve = Curves.easeInOut}) → Widget -
Available on Widget, provided by the AnimatedWidgetEffectsExtensions extension
Wraps the widget with a slide animation. -
slideInFromBottom(
{Duration duration = const Duration(milliseconds: 300), Duration delay = Duration.zero, Curve curve = Curves.easeOutCubic, double offset = 1.0}) → Widget -
Available on Widget, provided by the AnimatedWidgetEffectsExtensions extension
Wraps the widget with a slide-in animation from the bottom. -
slideInFromLeft(
{Duration duration = const Duration(milliseconds: 300), Duration delay = Duration.zero, Curve curve = Curves.easeOutCubic, double offset = 1.0}) → Widget -
Available on Widget, provided by the AnimatedWidgetEffectsExtensions extension
Wraps the widget with a slide-in animation from the left. -
slideInFromRight(
{Duration duration = const Duration(milliseconds: 300), Duration delay = Duration.zero, Curve curve = Curves.easeOutCubic, double offset = 1.0}) → Widget -
Available on Widget, provided by the AnimatedWidgetEffectsExtensions extension
Wraps the widget with a slide-in animation from the right. -
slideInFromTop(
{Duration duration = const Duration(milliseconds: 300), Duration delay = Duration.zero, Curve curve = Curves.easeOutCubic, double offset = 1.0}) → Widget -
Available on Widget, provided by the AnimatedWidgetEffectsExtensions extension
Wraps the widget with a slide-in animation from the top. -
spin(
{Duration duration = const Duration(seconds: 1), bool clockwise = true, Alignment alignment = Alignment.center}) → Widget -
Available on Widget, provided by the AnimatedWidgetEffectsExtensions extension
Wraps the widget with a continuous spinning animation. -
spinIn(
{Duration duration = const Duration(milliseconds: 500), Duration delay = Duration.zero, Curve curve = Curves.easeOutCubic, double turns = 1.0, Alignment alignment = Alignment.center}) → Widget -
Available on Widget, provided by the AnimatedWidgetEffectsExtensions extension
Wraps the widget with a spin-in animation. -
swing(
{Duration duration = const Duration(milliseconds: 1000), double angle = 0.15, Alignment alignment = Alignment.topCenter}) → Widget -
Available on Widget, provided by the AnimatedWidgetEffectsExtensions extension
Wraps the widget with a swing animation. -
typing(
{required String text, Duration duration = const Duration(seconds: 2), TextStyle? style, bool loop = false}) → Widget -
Available on Widget, provided by the AnimatedWidgetEffectsExtensions extension
Wraps the widget with a typing animation effect. Best used with Text widgets. -
wobble(
{Duration duration = const Duration(milliseconds: 1000), double angle = 0.1}) → Widget -
Available on Widget, provided by the AnimatedWidgetEffectsExtensions extension
Wraps the widget with a wobble animation. -
zoomIn(
{Duration duration = const Duration(milliseconds: 400), Duration delay = Duration.zero, Curve curve = Curves.easeOutCubic, double beginScale = 0.5}) → Widget -
Available on Widget, provided by the AnimatedWidgetEffectsExtensions extension
Wraps the widget with a zoom-in animation. -
zoomOut(
{Duration duration = const Duration(milliseconds: 400), Duration delay = Duration.zero, Curve curve = Curves.easeInCubic, double endScale = 0.5}) → Widget -
Available on Widget, provided by the AnimatedWidgetEffectsExtensions extension
Wraps the widget with a zoom-out animation.