Animations
What is AnimationController and how does it work?
AnimationController is the driver of explicit animations. It generates values from 0.0 to 1.0 over a given ...
20 XP3m
Animations
15 questions
Controllers, tweens, Hero, Rive, physics-based
Animations
What is a Tween and how does CurvedAnimation work?
A Tween maps an animation's 0.0–1.0 range to any value range (e.g., 0.0–300.0 for size, Colors.red to Color...
20 XP3m
Animations
What is the difference between implicit and explicit animations?
Implicit animations (AnimatedContainer, AnimatedOpacity) automatically animate between property changes wit...
20 XP3m
Animations
How do Hero animations work in Flutter?
Hero wraps a widget with a shared tag. During navigation, Flutter finds matching tags on source and destina...
20 XP3m
Animations
What is the difference between AnimatedBuilder and AnimatedWidget?
AnimatedBuilder is a general-purpose widget that rebuilds its builder on every animation tick. AnimatedWidg...
30 XP3m
Animations
How do you create staggered animations in Flutter?
Use a single AnimationController with Interval curves to time different animations within its 0.0–1.0 range...
30 XP4m
Animations
When should you use TweenAnimationBuilder?
TweenAnimationBuilder is an implicit animation widget that animates to a new target value whenever it chang...
20 XP2m
Animations
How do you animate with CustomPainter?
Pass an Animation<T> to your CustomPainter and declare it in the repaint argument. Flutter calls paint() on...
50 XP5m
Animations
What are physics-based animations in Flutter?
Physics-based animations use simulations (SpringSimulation, GravitySimulation, FrictionSimulation) instead ...
50 XP4m
Animations
What is the difference between Rive and Lottie in Flutter?
Lottie plays pre-exported After Effects animations (JSON) with no interactivity. Rive supports state machin...
30 XP3m
Animations
How do you create custom page transition animations?
Use PageRouteBuilder to define a transitionsBuilder callback that returns your animated widget. You receive...
30 XP3m
Animations
What are the key tips for performant animations in Flutter?
Use RepaintBoundary to isolate animated subtrees, avoid animating properties that trigger layout (width/hei...
30 XP3m
Animations
How do you create staggered animations in Flutter?
Staggered animations use a single AnimationController with multiple Animations, each defined using Interval...
30 XP4m
Animations
What is the difference between AnimatedWidget, AnimatedBuilder, and Transition widgets?
AnimatedWidget: extends it to create a self-contained animated widget (holds its own listener). AnimatedBui...
30 XP3m
Animations
How do you integrate Lottie and Rive animations in Flutter?
Lottie plays JSON-based After Effects animations. Rive supports interactive state machines (press → playing...
30 XP4m