调试

调试

在运行应用程序之前,可以使用 flutter analyze 检验一下代码。Flutter analyzer(它封装了 dartanalyzer 工具)可以验证你的代码并且帮助你定位潜在的问题。如果你使用的是启用了 Flutter 的 IDE 的话,这个过程是全自动的。

应该使用什么工具调试我的 Flutter 应用?

请使用 开发者工具 debug 你的 Flutter 和 Dart 应用。

开发者工具包含了 profiling 构建、检查堆栈、检视 widget 树、诊断信息记录、调试、执行代码行观察、调试内存泄漏和内存碎片等。有关更多信息,请参阅 开发者工具 文档。

如何进行热重载?

Flutter 的热重载特性可以帮助你快速便捷地实验、构建 UI 和各种特性以及修复 bug。每次修改代码以后,你只需直接热重载你的应用程序即可,而无需重新进行编译。应用程序会根据你的修改进行相应的更新,而程序原有的状态则会被保留。

在 React Native 中,iOS 模拟器对应的快捷键是 ⌘R,对应 Android 模拟器的快捷键是点击两次 R。

在 Flutter 中,如果你使用的是 IntelliJ 或者 Android Studio,可以使用 Save All (⌘s/ctrl-s),或者可以点击工具栏上的 Hot Reload 按钮。如果你是在命令行里使用 flutter run 命令运行的程序,在窗口里输入 r 即可。也可以输入 R 进行彻底的重启。

如何打开程序里的开发者菜单?

在 React Native 中,开发者菜单可以通过摇动设备打开:对于 iOS 模拟器的快捷键是 ⌘D 而 Android 模拟器的快捷键是 ⌘M。

在 Flutter 中,如果你使用 IDE,那么可以直接使用 IDE 工具。如果你是通过命令行运行 flutter run 来启动应用程序的,你可以在命令行窗口通过输入 h 来打开菜单,或者参考下面的快捷键说明:

功能 命令行快捷键 调试功能和属性
应用程序的 widget 层级 w debugDumpApp()
渲染程序的 widget 树 t debugDumpRenderTree()
层 L debugDumpLayerTree()
无障碍 S (遍历顺序) 或者U (反转点击测试顺序) debugDumpSemantics()
打开或者关闭 widget 窗口 i WidgetsApp. showWidgetInspectorOverride
显示或者隐藏框架线条 p debugPaintSizeEnabled
模拟不同的操作系统 o defaultTargetPlatform
叠加显示性能参数 P WidgetsApp. showPerformanceOverlay
将截屏保存为 flutter.png s
退出 q