mirror of https://github.com/flutter/samples.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
3 years ago | |
---|---|---|
.. | ||
android | 5 years ago | |
assets | 5 years ago | |
ios | 4 years ago | |
lib | 4 years ago | |
macos | 5 years ago | |
test | 4 years ago | |
web | 5 years ago | |
.gitignore | 5 years ago | |
.metadata | 5 years ago | |
README.md | 4 years ago | |
analysis_options.yaml | 4 years ago | |
pubspec.lock | 3 years ago | |
pubspec.yaml | 4 years ago |
README.md
Animation Samples
Sample apps that showcase Flutter's animation features
Goals
- Demonstrate the building blocks for animations and how they work together.
- Provide samples for common patterns and use-cases.
Samples
Basics
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
.
Misc
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
.