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
dependabot[bot] 69ab8b9fbd
Bump go_router from 5.2.4 to 6.0.0 in /animations (#1539)
2 years ago
..
android Update for Material changes & run rebuild scripts (#1412) 2 years ago
assets Recommend partial clone instead of shallow clone, remove unused blobs (#1078) 3 years ago
ios Update for Material changes & run rebuild scripts (#1412) 2 years ago
lib Migrate animations to go_router (#1521) 2 years ago
linux `animations` rebuild script (#1355) 2 years ago
macos Update for Material changes & run rebuild scripts (#1412) 2 years ago
test Updates for 2.8! (#961) 3 years ago
web `animations` rebuild script (#1355) 2 years ago
windows Update for Material changes & run rebuild scripts (#1412) 2 years ago
.gitignore touch ./animations (#148) 5 years ago
.metadata Update for Material changes & run rebuild scripts (#1412) 2 years ago
README.md Moved two animation vignettes into misc. (#425) 5 years ago
analysis_options.yaml Centralize analysis options (#957) 3 years ago
codelab_rebuild.yaml `animations` rebuild script (#1355) 2 years ago
pubspec.yaml Bump go_router from 5.2.4 to 6.0.0 in /animations (#1539) 2 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