fade_in_animation 0.0.3 copy "fade_in_animation: ^0.0.3" to clipboard
fade_in_animation: ^0.0.3 copied to clipboard

Wrap this widget around your wigets to add fade in animations

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 👍

1
likes
160
points
32
downloads

Documentation

API reference

Publisher

unverified uploader

Weekly Downloads

Wrap this widget around your wigets to add fade in animations

Repository (GitHub)
View/report issues

License

BSD-3-Clause (license)

Dependencies

flutter

More

Packages that depend on fade_in_animation