Auto animated

Auto animated widgets for flutter Already added:

  • AutoAnimatedList
  • AutoAnimatedIconButton

Screenshots

Getting Started

In your flutter project add the dependency:

pub package

dependencies:
  ...
  auto_animated: any

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

AutoAnimatedList usage example

Make an automatically animated list in 2 minutes? Easily!

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 `ListView` 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(),
        ),
    )

AutoAnimatedIconButton usage example

Basic

AutoAnimatedIconButton(
    icon: AnimatedIcons.arrow_menu,
    onPressed: () {},
)

With separate toolips

AutoAnimatedIconButton(
    icon: AnimatedIcons.arrow_menu,
    firstToolip: 'Event',
    secondToolip: 'Add',
)

Libraries

auto_animated