Flutter UME Plus

Flutter 应用内调试工具平台

pub stars license

快速安装

# pubspec.yaml
dev_dependencies:
  flutter_ume_plus: ^4.3.0
  flutter_ume_kit_ui_plus: ^4.3.0
  flutter_ume_kit_device_plus: ^4.3.0
  flutter_ume_kit_perf_plus: ^5.0.0
  flutter_ume_kit_console_plus: ^5.0.0
  flutter_ume_kit_dio_plus: ^5.0.0
  flutter_ume_kit_shared_preferences_plus: ^5.0.0
  flutter_ume_kit_provider_plus: ^5.0.0

插件工具包

为 Flutter 应用提供全方位的调试能力

🎨
UI 工具包 5.0.0

全面的 UI 检查和调试工具，用于分析 Flutter Widget。

  • Widget 信息检查器
  • Widget 详情检查器
  • 颜色选择器 & 颜色吸管
  • 对齐标尺 & 触控标记
查看详情 →
📝
控制台 5.0.0

高级控制台，支持多种 UI 样式查看 debugPrint 日志。

  • 3 种样式：经典、卡片、紧凑
  • URL 自动识别 & 点击跳转
  • 关键词高亮 & 过滤搜索
  • 分享日志
查看详情 →
🌐
Dio 网络 5.0.0

Dio HTTP 客户端的网络请求检查器。

  • 请求/响应检查器
  • 请求头 & 请求体查看
  • 响应时间追踪
  • 错误高亮 & 复制分享
查看详情 →
📱
设备信息 5.0.0

设备信息和系统详情，用于调试平台相关问题。

  • 设备信息面板
  • CPU 信息
  • 系统详情 & 平台检测
查看详情 →
⚡
性能监控 5.0.0

性能监控工具，用于追踪内存使用和帧率。

  • 内存信息监控
  • 性能浮层
  • FPS 追踪
查看详情 →
💻
代码查看 5.0.0

在运行中的应用内直接查看 Widget 源代码。

  • 源代码查看器
  • 语法高亮
  • 代码导航 & 分享
查看详情 →
💾
SharedPreferences 5.0.0

SharedPreferences 数据查看器和编辑器。

  • 查看所有 SharedPreferences 数据
  • 编辑和删除数据
  • 搜索和过滤功能
  • 支持多种数据类型
查看详情 →
🔄
Provider 状态 5.0.0

Provider 状态查看器，用于检查和监控 Provider 状态。

  • 查看所有 Provider 状态
  • 实时状态监控
  • 状态变化追踪
  • 状态树可视化
查看详情 →

使用方法

1

添加依赖

将需要的包添加到 pubspec.yaml 的 dev_dependencies 中。

2

导入并注册插件

import 'package:flutter_ume_plus/flutter_ume_plus.dart';
import 'package:flutter_ume_kit_ui_plus/flutter_ume_kit_ui_plus.dart';
import 'package:flutter_ume_kit_console_plus/flutter_ume_kit_console_plus.dart';
import 'package:flutter_ume_kit_shared_preferences_plus/flutter_ume_kit_shared_preferences_plus.dart';
import 'package:flutter_ume_kit_provider_plus/flutter_ume_kit_provider_plus.dart';

void main() {
  if (kDebugMode) {
    PluginManager.instance
      ..register(WidgetInfoInspector())
      ..register(WidgetDetailInspector())
      ..register(Console())
      ..register(SharedPreferencesInspector())
      ..register(ProviderInspector());
    runApp(UMEWidget(child: MyApp(), enable: true));
  } else {
    runApp(MyApp());
  }
}
3

运行应用

屏幕上会出现一个浮动调试按钮，点击即可访问所有已注册的调试工具。