motion_switcher

Description:

motion switcher

🎬 Motion Switcher #
This package includes multiple, very easy to use widgets to wrap your own widgets in animations.
The animations are implicit and don't require you to create your own states or choreography.

✨ Widgets #

MotionSwitcher - animates the switch between its child widgets, similar to AnimatedSwitcher.
MotionImage - loads and animates images, based on their provider changes.
MotionView - animates carousel scrolling, similar to PageView.
MotionViewIndicator - widget to quickly implement page indicators for MotionView.

🎁 Examples #
For detailed examples and an app you can interact with, check the lib/widgets/example_ widgets in examples.
MotionSwitcher animating a list, as it loads in.
final list = switch (listStatus) {
ListStatus.loading => CircularProgressIndicator();
ListStatus.empty => Text("Nothing here");
ListStatus.paginated => ListView(...);
}

// The child widget will be animated, since it's different in type.
//
// Animating widgets of the same type can be done by differentiating
// them with a unique key or using [MotionSwitcherTag].
return MotionSwitcher.vertical(child: list);
copied to clipboard
MotionImage loading & animating in a network image.
return MotionImage(
imageProvider: NetworkImage(...),
idleChild: CircularProgressIndicator(),
);
copied to clipboard
MotionView animating a carousel of text widgets.
return MotionView.horizontal(
controller: pageController,
clipBehavior: Clip.none,
itemCount: 4,
itemBuilder: (context, index) => Text("Showing item $index"),
)
copied to clipboard
Detailed examples. #

MotionSwitcher - examples/lib/widgets/example_motion_switcher.dart
MotionImage - examples/lib/widgets/example_carousel.dart
MotionView - examples/lib/widgets/example_carousel.dart
MotionViewIndicator - examples/lib/widgets/example_page_indicator.dart