flutter-animations

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. Choose the right animation type based on your requirements: Implicit Animations - Use when: Explicit Animations - Use when: Hero Animations - Use when: Staggered Animations - Use when: Physics-Based Animations - Use when: Implicit animations automatically handle the animation when properties change. No controller needed. AnimatedContainer - Animates multiple properties (size, color, decoration, padding): AnimatedOpacity - Simple fade animation: TweenAnimationBuilder - Custom tween animation without boilerplate: Other implicit widgets: Explicit animations provide full control with AnimationController. AnimationController - Drives the animation: Tween - Interpolates between begin and end values: CurvedAnimation - Applies a curve to the animation: Best for reusable animated widgets: Best for complex widgets with animations: Flutter provides ready-to-use transitions: Example: Hero animations create shared element transitions between screens. Source screen: Destination screen: Navigating between screens: Transform from circle to rectangle during transition: Use with MaterialRectCenterArcTween for center-based...