Flutter 中性能优化工具的使用( PerformanceOverlay+Observatory )

本文主要介绍 Flutter UI 代码优化工具 PerformanceOverlay 和 内存优化工具 Observatory的介绍和使用。

 

代码优化工具 ： PerformanceOverlay

A. 在 Flutter 项目中打开 PerformanceOverlay

1. 首先打开 PerformanceOverlay 工具，在 AndroidStudio -> Preference -> Language&Frameworks -> Flutter 中打开相应开关，如图：

2. 然后 run 我们的APP，就可以在AS的左边看到 Flutter Inspector的窗口(标记)，如图：

3. 然后打开 PerformanceOverlay，点击Flutter Inspector 窗口左上角树状图按钮(标记2) ，即可在屏幕上显示当前UI帧率和GPU帧率的波图。

B. aar 模式混合开发的项目 打开 Flutter Inspector

只需要在Flutter 项目的根布局或者入口布局的 MaterialApp 的Widget中加入即可：

```

showPerformanceOverlay: true 

```

C. PerformanceOverlay