FadeInAnimation

Animate a single widget or multiple widgets beautifully with FadeInAnimation

Preview

demo_1

Simple Usage

Import fade_in_animation.dart

import "package:fade_in_animation/fade_in_animation.dart";

Wrap the target widget with FadeInAnimation

FadeInAnimation(
    child: SomeWidget(),
)

Advanced Usage

This is a higly customizable animation widget, so feel free to play with the fields. Description for each field is included, hover on the fields to learn more about them.

FadeInAnimation(
    key: GlobalKey(),
    delayIndex: 1,
    forwardCurve: Curves.easeOutCubic,
    animationType: AnimationType.scaleTranslate,
    scaleFactor: .9,
    animationDuration: 1000,
    direction: AnimationDirection.rightward,
    reverse: state == AuthFieldState.loginOff,
    child: SomeWidget(),
)

Additional information

  • When animating multiple widgets be sure to asign thekey field of the FadeInAnimation widget.

Don't forget to leave a like 👍

Libraries

fade_in_animation