mirror of
https://github.com/flutter/samples.git
synced 2025-11-08 13:58:47 +00:00
0a5a5109de
* add samples_index to web/ directory Co-authored-by: Thea Flowers <theaflowers@google.com> * add pub_get.dart script * build sample index in peanut post build * re-generate sample index with web demos * print more details in peanut_post_build.dart * add images for demos * run generator * update README * add animations and provider shopper as symlinks * add links to symlinked web demos * use relative paths * update cookbook images, urls, and description CSS * use relative URL for navbar link * unstage HTML files * .gitignore generated HTML files * add margin to toolbar * rename escape functions * add and update copyright headers Co-authored-by: Thea Flowers <theaflowers@google.com>
Animation Samples
Sample apps that showcasing 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.
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.