时间戳

首页 > 解决方案 > 如何在 Flutter 开发工具中启用“性能叠加”

android-studio - 如何在 Flutter 开发工具中启用“性能叠加”

问题描述

我有 2 个颤振项目，但其中一个是禁用性能叠加。我该如何启用它？

这两个项目都在 VS Code、Profile Mode、真实设备中运行。

工作

在此处输入图像描述

不行

在此处输入图像描述

标签： android-studioflutterdartvisual-studio-codeide

解决方案

确保您正在运行profile mode，并且您没有使用模拟器。

对于 Android Studio：使用 Run >Flutter Run main.dart in Profile Mode菜单项。

在 VS Code 中，打开您的 launch.json 文件，并将 flutterMode 属性设置为 profile（完成分析后，将其改回 release 或 debug）

"configurations": [
      {
        "name": "Flutter",
        "request": "launch",
        "type": "dart",
        "flutterMode": "profile"
      }
    ]

更多细节：Flutter 性能分析

对于性能叠加图：在顶层的小部件构建方法中添加这个

showPerformanceOverlay: true

推荐阅读