samples/animations
Parker Lougheed 90f0584108
Clean up SDK constraints and lints ()
5 months ago
..
android Update Samples for 3.16 () 1 year ago
assets Recommend partial clone instead of shallow clone, remove unused blobs () 3 years ago
fonts Add missing font for `custom_tween.dart` sample () 2 years ago
ios Update runners () 2 years ago
lib Fixed ThemeData in the Flutter Samples unnecessarily includes useMaterial3 = true (Issue ) () 12 months ago
linux Update Samples for 3.16 () 1 year ago
macos Flutter beta () 2 years ago
test Updates for 3.22 () 10 months ago
web Bump deps and min SDKs, move web apps to new bootstrapping logic () 10 months ago
windows Update Samples for 3.16 () 1 year ago
.gitignore touch ./animations () 6 years ago
.metadata Fixup for failing Beta CI () 1 year ago
README.md Moved two animation vignettes into misc. () 5 years ago
analysis_options.yaml Tidyup `animations` sample () 2 years ago
codelab_rebuild.yaml Update runners () 2 years ago
pubspec.yaml Clean up SDK constraints and lints () 5 months 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