Summary - Performance

Combine profile, RepaintBoundary and const to optimize.

Summary - Performance

When optimizing an app, three tools work together: use profile mode to find bottlenecks, RepaintBoundary to isolate unnecessary paint areas, and const to avoid recreating constant widgets. Together they bring a big performance gain.

RepaintBoundary(
  child: const Text('Sablon'),
)
// measure the bottleneck in profile mode

Exercise Combine RepaintBoundary and const

In main, create a RepaintBoundary widget: give const Text('Sablon') as child. Print the widget's runtimeType.

Show example solution

import 'package:flutter/material.dart';

void main() {
  final widget = RepaintBoundary(
    child: const Text('Sablon'),
  );
  print(widget.runtimeType);
}

Test yourself

What do RepaintBoundary and const provide together?
- Better state management
- Reduces repaint and rebuild cost
- Only memory saving
- Faster HTTP
Show answer

Reduces repaint and rebuild cost — RepaintBoundary prevents unnecessary paint, const prevents unnecessary rebuild; together they reduce drawing and recreation cost.

const RepaintBoundary child

RepaintBoundary(
  child: ____ Text('Sablon'),
)

Show answer

RepaintBoundary(
  child: const Text('Sablon'),
)

Optimization matches

profile

Bottleneck measurement
RepaintBoundary

Paint area isolation
const

Constant widget
ListView

Efficient list

Next lesson: What is RenderObject?

We Are Enhancing Your Experience

Cookie Preferences

Strictly Necessary Cookies

Analytical Cookies