Animated Visibility

Animate appearance and disappearance using pre-built effects with the AnimatedVisibility widget.

Getting Started

In the pubspec.yaml of your flutter project, add the following dependency:

  animated_visibility: <latest_version>

In your library add the following import:

import 'package:animated_visibility/animated_visibility.dart';

Basic usage

        visible: _isShow,
        enter: fadeIn() + scaleIn(),
        exit: fadeOut() + slideOutHorizontally(),
        child: <content to show/hide>,


Sample app demonstrates how simple the usage of the library actually is.

Bugs and Feedback

For bugs, questions and discussions please use the Github Issues.


animated_visibility is owned and maintained by the Canopas team. You can follow them on Twitter at @canopassoftware for project updates and releases.


View Github