Sample apps that showcase Flutter's animation features
- Demonstrate the building blocks for animations and how they work together.
- Provide samples for common patterns and use-cases.
Building blocks and patterns
- AnimatedContainerDemo: Demonstrates how to use
AnimatedContainer
. - PageRouteBuilderDemo: Demonstrates how to use
Tween
andAnimation
to build a custom page route transition. - AnimationControllerDemo: Demonstrates how to use an
AnimationController
. - TweenDemo: Demonstrates how to use a
Tween
with anAnimationController
. - AnimatedBuilderDemo: Demonstrates how to use an
AnimatedBuilder
with anAnimationController
. - CustomTweenDemo: Demonstrates how to extend
Tween
. - TweenSequenceDemo: Demonstrates how to use
TweenSequence
to build a button that changes between different colors. - FadeTransitionDemo: Demonstrates how to use
FadeTransition
.
Other uses-cases and examples
- RepeatingAnimationDemo: Demonstrates how to repeat an animation.
- ExpandCardDemo: Demonstrates how to use
AnimatedCrossFade
to fade between two widgets and change the size. - CarouselDemo: Demonstrates how to use
PageView
with a custom animation. - FocusImageDemo: Demonstrates how to measure the size of a widget and
expand it using a
PageRouteBuilder
. - PhysicsCardDragDemo: Demonstrates how to run an AnimationController with a spring simulation.
- CardSwipeDemo: A swipeable card that demonstrates how to use gesture detection to drive an animation.
- AnimatedList: Demonstrates how to use
AnimatedList
. - AnimatedPositionedDemo: Demonstrates how to use
AnimatedPositioned
. - AnimatedSwitcherDemo: Demonstrates how to use
AnimatedSwitcher
. - HeroAnimationDemo: Demonstrates how to use
Hero
animation. - CurvedAnimationDemo: Demonstrates how to use different curves in
CurvedAnimation
.