https://github.com/canopas/animated-visibility

Animate appearance and disappearance using pre-built effects with the AnimatedVisibility widget.
https://github.com/canopas/animated-visibility

animation dart flutter flutter-widget widget

Last synced: about 1 month ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/canopas/animated-visibility
• Owner: canopas
• License: bsd-3-clause
• Created: 2023-12-08T12:31:37.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-12-12T12:19:33.000Z (about 1 year ago)
• Last Synced: 2024-01-13T11:11:11.711Z (12 months ago)
• Topics: animation, dart, flutter, flutter-widget, widget
• Language: Dart
• Homepage: https://pub.dev/packages/animated_visibility
• Size: 13.7 MB
• Stars: 20
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 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:

```

dependencies:

  animated_visibility: 

```

In your library add the following import:

```

import 'package:animated_visibility/animated_visibility.dart';

```

### Basic usage

```

      AnimatedVisibility(

        visible: _isShow,

        enter: fadeIn() + scaleIn(),

        exit: fadeOut() + slideOutHorizontally(),

        child: ,

      );

```

# Demo

[Sample](https://github.com/canopas/animated-visibility/tree/main/example) app demonstrates how simple the usage of the library actually is.

# Bugs and Feedback

For bugs, questions and discussions please use the [Github Issues](https://github.com/canopas/animated-visibility/issues).

# Credits

`animated_visibility` is owned and maintained by the [Canopas team](https://canopas.com/). You can follow them on Twitter at [@canopas_eng](https://x.com/canopas_eng) for project updates and releases.