flutter-animating-apps

Choose an approach based on your needs: use implicit widgets like AnimatedContainer for simple property changes, AnimationController with AnimatedBuilder for playback control, Hero widgets for transitions between routes, or SpringSimulation for physics-based motion driven by gestures.

Use implicit animations like AnimatedOpacity for fire-and-forget property changes without playback control. Use explicit animations with AnimationController when you need to play, pause, reverse, loop, or coordinate multiple animated properties together.

Wrap both the source and destination widgets in Hero widgets with the exact same unique tag, then push the destination route with Navigator. Flutter automatically flies the widget between routes during the transition.

Memory leaks occur when an AnimationController is not disposed. Always call controller.dispose() in the State class's dispose() method, and provide a vsync via SingleTickerProviderStateMixin to stop ticking when offscreen.

Capture gesture velocity with a GestureDetector callback like onPanEnd, convert the pixel velocity to your animation's coordinate space, then drive an AnimationController using controller.animateWith() with a SpringSimulation configured with mass, stiffness, and damping.