Performance overlay

The performance overlay is visual feedback displayed in the app. It provides multiple helpful performance statics. Specifically, it displays information about rendering time. Here is an example of performance overlay being displayed:

Performance overlay (This is an image of Performance overlay. The other (overlapped) information is not important here.)

Two graphs are displayed representing the time to render frames taken by the two threads, UI and GPU. The current frame is displayed in a vertical green bar. Additionally, we can see the last 300 frames and have an idea about critical rendering stages.

Flutter uses multiple ...

Get Flutter for Beginners now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.