animate_ease

Description:

animate ease

AnimateEase Flutter Package Documentation #
The AnimateEase package is a comprehensive Flutter package designed to simplify the addition of animations to your Flutter applications. It leverages a variety of animation types to enhance the visual appeal of your application, providing a seamless way to implement animations with minimal code. This documentation is structured to guide developers through the integration and usage of the AnimateEase package in their projects.
Installation #
To use the AnimateEase package in your Flutter application, you need to add it as a dependency in your pubspec.yaml file
dependencies:
animate_ease: <latest_version>
copied to clipboard
Replace <latest_version> with the latest version of the package.
or directly use the github repo by adding
dependencies:
animate_ease:
git: https://github.com/kkennymore/animate_ease.git
copied to clipboard
The github repo will always return the latest version of the package, including the beta version.
Basic Usage #
AnimateEase is designed to be easy to integrate and use. Here's a basic example of how to use it:
import 'package:animate_ease/animate_ease.dart';

// Inside your widget tree
AnimateEase(
child: YourWidget(),
animate: AnimateEaseType.fadeIn,
)

copied to clipboard
This example will animate YourWidget with a fade-in effect.
Configuration Options #
AnimateEase provides a range of configuration options to customize the animation to suit your needs:

child: The widget you want to animate. (required)
animate: Type of animation from AnimateEaseType. Defaults to fadeIn.
duration: Length of time the animation should last. Defaults to Duration(seconds: 1).
delay: Delay before the animation starts. Defaults to Duration(seconds: 0).
atRestAnimate: Whether to animate the widget when it is at rest. Defaults to true, this will allow the animation to trigger just once, when this option is false it will trigger an infinite animation display of the widget.
isVisibleChek: If set to true, the animation only plays when the widget is visible on screen. Requires visibility_detector package. Defaults to false.
animationCount: Number of times the animation should repeat. null for infinite looping.

Advanced Usage #
Visibility Detection #
To animate a widget only when it's visible on the viewport, set isVisibleChek to true. This is particularly useful for lists or scrolling content where you want to animate widgets as they come into view.
Custom Animation Types #
AnimateEase supports a variety of animation types through the AnimateEaseType enum. These include basic animations like fadeIn, fadeOut, complex ones like slideInLeft, rotate, and dynamic effects like bounceIn, elasticOut. Choose the appropriate animation type based on the visual effect you wish to achieve.
Animation Control #
The animation flow is automatically managed by the AnimateEase widget. However, developers can further customize the behavior by using the configuration options provided. For instance, adjusting the duration, delay, and animationCount can significantly alter how the animation behaves.
Custom Animations #
While AnimateEase covers a wide range of animation types, you might need a custom animation for your specific use case. In such scenarios, consider using Flutter's animation controllers directly for full control over the animation.
Conclusion #
AnimateEase is a powerful package that significantly simplifies adding animations to your Flutter applications. By providing a wide range of pre-defined animation types and customizable options, it caters to most animation needs out of the box, allowing developers to create engaging and dynamic user interfaces with ease.
For any specific requirements beyond what AnimateEase offers, consider extending the package or using Flutter's built-in animation classes for more granular control.
Contributions #
AnimateEase is developed and maintained by Engineer Usiobaifo Kenneth, contact me via [email protected] if you want to contribute to this package.
Dependency #
This package depends on visibility_detector package to detect when a widget is in viewport
other packages #
AnimateEase on http://animateease.usiobaifokenneth.com
Routex https://routex.usiobaifokenneth.com