What are the best practices for handling animations at 60/120fps?
Updated Apr 28, 2026
Short answer
Avoid setState, use explicit animations with pre-built builders, rely on the GPU via Implicit animations, and manage Layer trees.
Deep explanation
To achieve 120fps, the UI thread must complete its work in <8ms. 1. Use AnimatedBuilder to only rebuild the exact widget animating, not the whole screen. 2. Use Transform and Opacity efficiently, as these can be hardware-accelerated. 3. Avoid triggering Layout algorithms during animations.
Unlock with a Pro subscription to view this section.
View pricingReal-world example
No real-world example available yet.
Unlock with a Pro subscription to view this section.
Upgrade to ProCommon mistakes
No common mistakes listed yet.
Unlock with a Pro subscription to view this section.
Upgrade to ProFollow-up questions
No follow-up questions available yet.
Unlock with a Pro subscription to view this section.
Upgrade to Pro