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.
samples/animations
Brett Morgan ec51b0e711
Move com.example to dev.flutter (#227)
5 years ago
..
android Reverting the dev.flutter -> com.example change (#222) 5 years ago
assets Add animation samples (#118) 5 years ago
ios Reverting the dev.flutter -> com.example change (#222) 5 years ago
lib Updated spring animation example (#158) 5 years ago
macos Reverting the dev.flutter -> com.example change (#222) 5 years ago
test touch ./animations (#148) 5 years ago
web Move com.example to dev.flutter (#227) 5 years ago
.gitignore touch ./animations (#148) 5 years ago
.metadata Add animation samples (#118) 5 years ago
README.md update animations README (#130) 5 years ago
analysis_options.yaml Analysis options uplift to 1.8 (#169) 5 years ago
pubspec.lock Beta branch fix (#173) 5 years ago
pubspec.yaml Analysis options uplift to 1.8 (#169) 5 years ago

README.md

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

  1. AnimatedContainerDemo Demonstrates how to use AnimatedContainer
  2. PageRouteBuilderDemo Demonstrates how to use Tween and Animation to *build a custom page route transition.
  3. AnimationControllerDemo Demonstrates how to use an AnimationController.
  4. TweenDemo Demonstrates how to use a Tween with an AnimationController.
  5. AnimatedBuilderDemo Demonstrates how to use an AnimatedBuilder with an AnimationController.
  6. CustomTweenDemo Demonstrates how to extend Tween.
  7. TweenSequenceDemo Demonstrates how to use TweenSequence to 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 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.

Other Resources