samples/animations
John Ryan 06065d7e0a
Recommend partial clone instead of shallow clone, remove unused blobs ()
3 years ago
..
android Update Android files in animations () 3 years ago
assets Recommend partial clone instead of shallow clone, remove unused blobs () 3 years ago
ios Add Desktop window setup to Animations sample () 3 years ago
lib rename constants () 3 years ago
linux Add Desktop window setup to Animations sample () 3 years ago
macos Add Desktop window setup to Animations sample () 3 years ago
test Updates for 2.8! () 3 years ago
web Move com.example to dev.flutter () 5 years ago
windows Add Desktop window setup to Animations sample () 3 years ago
.gitignore touch ./animations () 5 years ago
.metadata Add animation samples () 6 years ago
README.md Moved two animation vignettes into misc. () 5 years ago
analysis_options.yaml Centralize analysis options () 3 years ago
pubspec.lock Remove git:// url, update deps, fix `destop_photo_search` () 3 years ago
pubspec.yaml Remove git:// url, update deps, fix `destop_photo_search` () 3 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

  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.
  8. 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.

Other Resources