Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

Latest commit

 

History

History
History
 
 

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

README.md

Outline

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

Morty Proxy This is a proxified and sanitized view of the page, visit original site.