⚡️ 使用 debug_friend 简化 Flutter 应用中新功能的测试

2025-06-08

⚡️ 使用 debug_friend 简化 Flutter 应用中新功能的测试

当我们开发大型产品时,开发通常以团队形式进行。我们将工作划分为冲刺、周、功能和周期。最近,我开始注意到这种情况。第一位开发人员负责新功能的 UI 部分。第二位开发人员负责编写相关逻辑。

仪表板

总的来说,在这个例子中一切都很好。每个人都忙着自己的事情,没有打扰朋友。但有时负责 UI 部分的开发人员没有时间在合适的时间做某事。逻辑人员可以为他的代码编写单元测试。但他无法在没有任何帮助的情况下从应用程序中调用这些逻辑。

团队合作

我想到了一个解决这个问题的方法。现在开发者可以从辅助菜单中调用新功能了。我把这个菜单命名为DebugFriend

让我们更深入地了解一下。
此包中显示的菜单现在有 4 个屏幕:

  • 设备信息
  • 应用数据
  • 调试操作
  • 自定义操作

关于它们各自的更多信息:

屏幕

设备信息
在此屏幕上,您可以查看有关运行应用程序的设备的信息。

应用数据
在此屏幕上,您可以查看和管理应用程序的所有缓存数据(存储在应用程序的根目录中)

调试操作
此屏幕允许您直接从应用程序与 Flutter Inspector 功能进行交互。此外,还有一些自定义操作。例如退出应用程序。

自定义操作:
您应用程序的功能列表。您可以在此处测试它们。这是我上面描述的问题的参考。

快速入门

如果你已经读到这里,那么现在是时候了解如何在代码中使用此包了。
首先,在你的应用程序中安装此包

MaterialApp的 home 或 builder 小部件包装在DebugFriendView中。
像这样:

import 'package:debug_friend/debug_friend.dart';
import 'package:flutter/material.dart';

void main() {
  runApp(
    MaterialApp(
      home: DebugFriendView(
        builder: (context) {
          return const Scaffold(
            body: Text('Your app home widget'),
          );
        },
      ),
    ),
  );
}
Enter fullscreen mode Exit fullscreen mode

之后,您将看到一个打开调试菜单的按钮

默认情况下,您在发布版本中不会看到调试菜单和调试按钮。但如果您突然想更改此设置,请将 enabled 布尔字段的值更改为您想要的值。有关该软件包的更多信息,请参阅GitHub 文档

最后,我想说的是,我已经在几个工作项目中使用了此软件包。我将在不久的将来支持并开发它。如果您觉得不难,可以在Github上点个 star,并参与开发。

祝您工作顺利❤️!

鏂囩珷鏉ユ簮锛�https://dev.to/frezyx/simplify-test-new-features-in-flutter-app-with-debugfriend-lk2
PREV
Flutter 的 UI 框架。应该包含哪些内容?
NEXT
如何在 Flutter 中显示 json?