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
Eric Windmill 594cac74f2
codelab_rebuild platform channels
2 weeks ago
..
android Update Samples for 3.16 (#2085) 1 year ago
assets Recommend partial clone instead of shallow clone, remove unused blobs (#1078) 3 years ago
fonts Add missing font for `custom_tween.dart` sample (#1730) 2 years ago
ios Update runners (#2011) 1 year ago
lib Fixed ThemeData in the Flutter Samples unnecessarily includes useMaterial3 = true (Issue #2214) (#2217) 9 months ago
linux Update Samples for 3.16 (#2085) 1 year ago
macos Flutter beta (#1952) 1 year ago
test Updates for 3.22 (#2266) 7 months ago
web Bump deps and min SDKs, move web apps to new bootstrapping logic (#2292) 7 months ago
windows Update Samples for 3.16 (#2085) 1 year ago
.gitignore touch ./animations (#148) 5 years ago
.metadata Fixup for failing Beta CI (#2092) 1 year ago
README.md Moved two animation vignettes into misc. (#425) 5 years ago
analysis_options.yaml Tidyup `animations` sample (#1672) 2 years ago
codelab_rebuild.yaml Update runners (#2011) 1 year ago
pubspec.yaml codelab_rebuild platform channels 2 weeks 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