auto_animated 1.0.0

Auto animated widgets for flutter

Auto animated

Auto animated list

Screenshots

Getting Started

In your flutter project add the dependency:

dependencies:
  ...
  auto_animated: any

For help getting started with Flutter, view the online documentation.

Usage example

It very simple!

AutoAnimatedList(
    // Start animation after (default zero)
    delay: Duration(seconds: 1),
    // Show each item through
    showItemInterval: Duration(milliseconds: 500),
    // Animation duration
    showItemDuration: Duration(seconds: 1),
    // Other properties correspond to the `AnimatedList` widget
    scrollDirection: Axis.horizontal,
    itemsCount: 10,
    itemBuilder: _buildAnimatedItem,
)

// Build item
Widget _buildAnimatedItem(
    BuildContext context,
    int index,
    Animation<double> animation,
) =>
    // Wrap with fade transition
    FadeTransition(
        opacity: Tween<double>(
            begin: 0,
            end: 1,
        ).animate(animation),
        // And slide transition
        child: SlideTransition(
            position: Tween<Offset>(
            begin: Offset(0, -0.1),
            end: Offset.zero,
            ).animate(animation),
            // Paste you Widget
            child: YouWidgetHere(),
        ),
    )