mirror of
https://github.com/flutter/samples.git
synced 2026-03-21 20:08:16 +00:00
2354fdc309
axisAlignment has been deprecated (currently deprecated in beta). This causes sample PRs to fail. See: https://github.com/flutter/samples/pull/2809 ## Pre-launch Checklist - [X] I read the [Flutter Style Guide] _recently_, and have followed its advice. - [X] I signed the [CLA]. - [X] I read the [Contributors Guide]. - [X] I have added sample code updates to the [changelog]. - [X] I updated/added relevant documentation (doc comments with `///`).
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
TweenandAnimationto build a custom page route transition. - AnimationControllerDemo: Demonstrates how to use an
AnimationController. - TweenDemo: Demonstrates how to use a
Tweenwith anAnimationController. - AnimatedBuilderDemo: Demonstrates how to use an
AnimatedBuilderwith anAnimationController. - CustomTweenDemo: Demonstrates how to extend
Tween. - TweenSequenceDemo: Demonstrates how to use
TweenSequenceto 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
AnimatedCrossFadeto fade between two widgets and change the size. - CarouselDemo: Demonstrates how to use
PageViewwith 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
Heroanimation. - CurvedAnimationDemo: Demonstrates how to use different curves in
CurvedAnimation.