Skip to content

Files

Latest commit

719fd72 · Feb 12, 2025

History

History

animations

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
Nov 15, 2023
Apr 14, 2022
Apr 8, 2023
Sep 7, 2023
Feb 12, 2025
Nov 15, 2023
Aug 16, 2023
Feb 12, 2025
May 15, 2024
Nov 15, 2023
Oct 7, 2019
Nov 16, 2023
May 4, 2020
Feb 27, 2023
Sep 7, 2023
Feb 12, 2025

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