animated_switcher_plus

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

AnimatedSwitcherPlus provides prebuilt transition effects for Flutter's AnimatedSwitcher, including flip, zoom, and translation animations. It simplifies the implementation of smooth visual transitions when replacing widgets in a widget tree. Designed to enhance user experience with minimal code, it extends AnimatedSwitcher with ready-to-use animations that handle common UI changes efficiently across platforms. Ideal for dynamic interfaces where visual feedback is important.

Use cases

Animating UI element replacements
Creating smooth transitions in dynamic lists
Enhancing navigation or state changes
Improving visual feedback in interactive components
Building responsive dashboards with changing content

Key features

Prebuilt flip transition
Zoom-in/out animation
Translation-based transitions
Easy integration with AnimatedSwitcher
Cross-platform support (Android, iOS, Web, macOS, Windows, Linux)

Suitable for

Developers seeking quick transition effects
UI/UX designers implementing animated interfaces
Apps requiring dynamic content updates
Projects focused on polished visual interactions
Flutter beginners exploring animation

Considerations

Limited to predefined transitions
May require additional styling for complex layouts
Not suitable for highly customized animation logic
Performance depends on transition complexity
Best used with stable widget states

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

Prebuilt transitions for Animated Switcher such as flip, zoom and translation.

Features

Easily animate between two widgets
No need to provide both the first and second child simultaneously, unlike similar packages

Transitions

AnimatedSwitcherPlus.blur
AnimatedSwitcherPlus.flipX
AnimatedSwitcherPlus.flipY
AnimatedSwitcherPlus.zoomIn
AnimatedSwitcherPlus.zoomOut
AnimatedSwitcherPlus.translationLeft
AnimatedSwitcherPlus.translationRight
AnimatedSwitcherPlus.translationTop
AnimatedSwitcherPlus.translationBottom
AnimatedSwitcherPlus.wipeX ( Suitable for same-size widgets )
AnimatedSwitcherPlus.wipeY ( Suitable for same-size widgets )
AnimatedSwitcherPlus.revealX
AnimatedSwitcherPlus.revealY
AnimatedSwitcherPlus.revealCircular
AnimatedSwitcherPlus.wiggleRadial

Usage

AnimatedSwitcherPlus.flipX(  
 duration: const Duration(milliseconds: 1500),
 child: _showFirstChild ?
  const Text('Primary Text', key: ValueKey(0)) :
  const Text('Secondary Text', key: ValueKey(1)),
);

Note: If you are using the same type of widget, change the child key to notify the AnimatedSwitcher that the child has changed. Otherwise, the transition will not occur

Search packages, repositories and app categories

Install package