Flutter设备检测插件ispect_device的使用

简介

ISpect 是一个灵感来源于网页检查器的多功能库，专门为移动应用开发设计。它包含了一系列工具，用于查看平台和设备信息。

ISpect 可以通过以下部分扩展：

• 主要包：ispect
• AI辅助包：ispect_ai
• Jira问题追踪包：ispect_jira
• 设备信息包：ispect_device
• 日志处理包：ispectify
• BLoC日志处理包：ispectify_bloc
• Dio日志处理包：ispectify_dio
• HTTP日志处理包：ispectify_http

特性

• 可拖拽面板，方便访问ISpect页面和管理检查工具。
• 支持本地化：ru（俄语）、en（英语）、kk（哈萨克语）。
• ISpectify日志记录实现：BLoC、Dio、http、路由、Provider。
• 初始化ISpect时可以自定义更多选项，如BLoC、Dispatcher错误等。
• 更新了ISpect页面，增加了更多选项：
  • 详细的HTTP日志：请求、响应、错误。
  • 调试工具。
  • 缓存管理器。
  • 设备和应用信息（ispect_device）。
• 反馈生成器。
• 性能跟踪器。
• AI助手。

展示图

使用指南

简单示例

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

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      localizationsDelegates: ISpectLocalizations.localizationDelegates([
        ExampleGeneratedLocalization.delegate, // Your localization delegate
        ISpectDeviceLocalization.delegate, // ISpect Device localization delegate
      ]),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  [@override](/user/override)
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('ISpect Device Demo'),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: () {
            ISpect.run(
              context,
              ISpectify(
                actionItems: [
                  ISpectifyActionItem(
                    onTap: (_) async {
                      await Navigator.push(
                        context,
                        MaterialPageRoute<dynamic>(
                          builder: (_) => AppInfoPage(
                            iSpectify: widget.iSpectify,
                          ),
                          settings: RouteSettings(
                            name: 'AppInfoPage',
                            arguments: {
                              'iSpectify': widget.iSpectify,
                            },
                          ),
                        ),
                      );
                    },
                    title: 'App Info',
                    icon: Icons.info_outline_rounded,
                  ),
                  ISpectifyActionItem(
                    onTap: (_) async {
                      await Navigator.push(
                        context,
                        MaterialPageRoute<dynamic>(
                          builder: (_) => AppDataPage(
                            iSpectify: widget.iSpectify,
                          ),
                          settings: RouteSettings(
                            name: 'AppDataPage',
                            arguments: {
                              'iSpectify': widget.iSpectify,
                            },
                          ),
                        ),
                      );
                    },
                    title: context.ispectL10n.viewAndManageData,
                    icon: Icons.data_usage_sharp,
                  ),
                ],
              ),
            );
          },
          child: Text('Open ISpect Page'),
        ),
      ),
    );
  }
}