auto_animated 1.3.0 copy "auto_animated: ^1.3.0" to clipboard
auto_animated: ^1.3.0 copied to clipboard

outdated

Widgets starting auto play animation when mounted. It is already possible to animate the list and icons.

Auto animated #

Auto animated widgets for flutter Already added:

  • AutoAnimatedList
  • AutoAnimatedSliverList
  • AutoAnimatedGrid
  • AutoAnimatedSliverGrid
  • 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(title: index.toString()),
        ),
    )

AutoAnimatedSliverGrid usage example #

AutoAnimatedSliverGrid(
  delay: Duration(milliseconds: 500) * 4,
  showItemInterval: Duration(milliseconds: 500),
  showItemDuration: Duration(seconds: 1),
  itemCount: 6,
  itemBuilder: animationItemBuilder(
    (index) => YouWidgetHere(title: index.toString()),
  ),
  gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
    crossAxisCount: 3,
  ),
)

AutoAnimatedIconButton usage example #

Basic #

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

With separate tooltips #

AutoAnimatedIconButton(
    icon: AnimatedIcons.arrow_menu,
    firstTooltip: 'Event',
    secondTooltip: 'Add',
)
1.31k
likes
30
points
19.1k
downloads

Publisher

verified publisherserge.software

Weekly Downloads

Widgets starting auto play animation when mounted. It is already possible to animate the list and icons.

License

MIT (license)

Dependencies

flutter

More

Packages that depend on auto_animated