Flutter怎么进行调试？

Flutter DevTools 简介Flutter DevTools 是一套用于调试和分析 Flutter 应用的工具集。启动 DevTools$ flutter run在运行应用后终端会显示 DevTools 的 URL通常是http://127.0.0.1:9100常用命令命令说明flutter doctor检查开发环境配置flutter analyze静态代码分析flutter test运行测试print 和 debugPrint实例基本调试输出// 基础打印print(Hello Debug); // 输出到控制台// debugPrint 避免长文本截断debugPrint(这是一段很长的文本可以完整输出而不会被截断);// 条件打印if (debugMode) {print(调试信息);}// 打印对象需要 toStringfinal user {name: 张三, age: 25};print(用户信息: $user); // 输出: 用户信息: {name: 张三, age: 25}断言 - assert断言用于在开发时检查条件仅在调试模式下生效。实例使用断言// 简单的断言assert(user ! null, 用户不能为空);// 函数参数验证void setAge(int age) {// 年龄必须大于 0assert(age 0, 年龄必须大于 0);this.age age;}// UI 构建中的断言仅开发时Widget build(BuildContext context) {// 确保 context 不为 nullassert(context ! null);// 确保有父级 Scaffoldassert(debugCheckHasMaterial(context));return Scaffold(...);}断点调试在 VS Code 或 Android Studio 中设置断点进行调试。VS Code 调试在代码行号左侧点击设置断点按 F5 或点击调试按钮启动调试使用调试工具栏控制程序执行常用断点命令操作说明Continue / F5继续执行到下一个断点Step Over / F10单步执行不进入函数Step Into / F11单步执行进入函数Step Out / ShiftF11跳出当前函数Flutter InspectorFlutter Inspector 是 DevTools 的一部分用于可视化和检查 Widget 树。主要功能Widget Tree: 查看 Widget 层级结构Layout Explorer: 检查布局约束Performance Overlay: 显示性能指标常见问题调试实例调试 UI 不更新// 问题UI 不更新// 原因修改状态后没有调用 setState// 错误示例void _increment() {_counter; // 状态已改变但 UI 不会更新}// 正确示例void _increment() {setState(() {_counter; // 必须调用 setState});}// 问题状态管理混乱// 建议使用 Provider 或其他状态管理方案调试时常用工具print 输出日志、Inspector 检查 Widget 树、Timeline 分析性能。来源zjcp.cc