Flutter调试方法

输出日志调试

在Flutter中，使用print函数输出日志是常见的调试方法，但由于其资源消耗和潜在的安全问题，建议使用debugPrint替代。debugPrint允许自定义打印行为，便于在不同环境下控制日志输出。

生产环境和开发环境可以通过不同的入口文件（如main.dart和main-dev.dart）分别定义debugPrint的行为。生产环境中可将debugPrint设为空实现，开发环境中则保持正常打印功能。

// main.dart（生产环境）
void main() {
  debugPrint = (String message, {int? wrapWidth}) {};
  runApp(MyApp());
}

// main-dev.dart（开发环境）
void main() {
  debugPrint = (String message, {int? wrapWidth}) => debugPrintSynchronously(message, wrapWidth: wrapWidth);
  runApp(MyApp());
}

断点调试

断点调试通过暂停代码执行并逐行检查变量值变化，帮助定位问题。Android Studio支持Flutter断点调试，步骤如下：

1. 标记断点：在代码行号右侧点击添加断点，可设置条件断点（如_counter == 20）。
2. 启动调试模式：点击工具栏的调试图标（虫子图标）启动应用。
3. 调试工具使用：
   • A区（控制调试工具）：继续、终止、暂停执行，编辑或禁用断点。
   • B区（步进调试工具）：单步跳过、进入、跳出，运行到光标处，计算表达式修改变量值。
   • C区（帧调试窗口）：查看函数执行堆栈。
   • D区（变量查看窗口）：显示当前断点上下文的变量信息。

布局调试

视觉问题可通过Debug Painting工具快速定位。开启方式是在main函数中设置debugPaintSizeEnabled为true，运行后界面会显示控件元素的布局边界辅助线。

import 'package:flutter/rendering.dart';

void main() {
  debugPaintSizeEnabled = true; // 开启Debug Painting
  runApp(MyApp());
}

辅助线能帮助检查对齐、边距等细节问题，适合快速发现视觉布局中的异常。