mirror of
https://github.com/flutter/samples.git
synced 2025-11-08 13:58:47 +00:00
e5ec08fccd
*Replace this paragraph with a description of what this PR is changing or adding, and why. Consider including before/after screenshots.* *List which issues are fixed by this PR. For larger changes, raising an issue first helps reduce redundant work.* ## Pre-launch Checklist - [ ] I read the [Flutter Style Guide] _recently_, and have followed its advice. - [ ] I signed the [CLA]. - [ ] I read the [Contributors Guide]. - [ ] I updated/added relevant documentation (doc comments with `///`). - [ ] All existing and new tests are passing. If you need help, consider asking for advice on the #hackers-devrel channel on [Discord]. <!-- Links --> [Flutter Style Guide]: https://github.com/flutter/flutter/wiki/Style-guide-for-Flutter-repo [CLA]: https://cla.developers.google.com/ [Discord]: https://github.com/flutter/flutter/wiki/Chat [Contributors Guide]: https://github.com/flutter/samples/blob/main/CONTRIBUTING.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
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.