flutter-animationslisted

# Flutter Animations ## Overview Create smooth, performant animations in Flutter using the right approach for each use case. This skill covers complete animation workflow: from choosing between implicit/explicit approaches to implementing complex effects like hero transitions and staggered animations. ## Animation Type Decision Tree Choose the right animation type based on your requirements: **Implicit Animations** - Use when: - Animating a single property (color, size, position) - Animation is triggered by state change - No need for fine-grained control **Explicit Animations** - Use when: - Need full control over animation lifecycle - Animating multiple properties simultaneously - Need to react to animation state changes - Creating custom animations or transitions **Hero Animations** - Use when: - Sharing an element between two screens - Creating shared element transitions - User expects element to "fly" between routes **Staggered Animations** - Use when: - Multiple animations should run sequentially or overlap - Creating ripple effects or sequential reveals - Animating list items in sequence **Physics-Based Animations** - Use when: - Animations should feel natural/physical - Spring-like behavior, scrolling gestures - Draggable interactions ## Implicit Animations Implicit animations automatically handle the animation when properties change. No controller needed. ### Common Implicit Widgets **AnimatedContainer** - Animates multiple properties (size, color, decora