seniorFlutter
What is RepaintBoundary and how does it optimize painting?
Updated Apr 28, 2026
Short answer
RepaintBoundary creates a separate display list (layer) for its children, isolating repaints.
Deep explanation
If a specific widget (like a ticking clock) updates frequently, it forces its parent and siblings to repaint. By wrapping the clock in a RepaintBoundary, Flutter paints the clock into its own layer. The rest of the screen is painted once, and the GPU just composites the updated clock layer over the static background.
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