Flutter性能监控插件rmonitor_base的使用

Flutter性能监控插件rmonitor_base的使用

简介

rmonitor_base 是一个基础组件,用于性能监控等操作。

使用示例

以下是一个完整的示例,展示如何在 Flutter 应用中使用 rmonitor_base 插件。

import 'package:flutter/material.dart';
import 'package:rmonitor_base/rmonitor_base.dart';
import 'package:trouter/router/life_cycle.dart';
import 'package:trouter/router/router_container.dart';
import 'package:trouter/t_router.dart';

// 初始化基础组件
void initBase() {
  print('初始化基础组件');

  WidgetsFlutterBinding.ensureInitialized();

  final instance = WidgetsBinding.instance;
  if (instance != null) {
    instance.addObserver(AppLifecycle.instance);
  }

  BaseInfo.init();

  AppLifecycle.instance.addObserver(TestLifecycleObser());
}

void main() {
  initBase();

  runApp(MaterialApp(
    home: TRouteContainer(navigatorObservers: [AppLifecycle.instance]),
  ));

  TRouter.registerRouter({
    'main_page': (context) => MainPage(),
    'second_page': (context) => SecondPage()
  });

  TRouter.registerLifeCycle((lifeCycle, settings) {
    switch (lifeCycle) {
      case ContainerLifeCycle.Init:
        print('TRouter -- Init');
        break;
      case ContainerLifeCycle.Appear:
        print('TRouter -- Appear');
        break;
      case ContainerLifeCycle.WillDisappear:
        print('TRouter -- WillDisappear');
        break;
      case ContainerLifeCycle.Disappear:
        print('TRouter -- Disappear');
        break;
      case ContainerLifeCycle.Destroy:
        print('TRouter -- Destroy');
        break;
      case ContainerLifeCycle.BackPressed:
        print('TRouter -- BackPressed');
        break;
      case ContainerLifeCycle.FragmentShow:
        print('TRouter -- FragmentShow');
        break;
      case ContainerLifeCycle.FragmentHide:
        print('TRouter -- FragmentHide');
        break;
      default:
    }
  });
}

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

class _MyAppState extends State<MyApp> {

  [@override](/user/override)
  void initState() {
    super.initState();
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: MainPage(),
      routes: {'second_page': (context) => SecondPage()},
    );
  }
}

class MainPage extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('插件示例应用'),
      ),
      body: Center(
          child: Column(
              children: [
                TextButton(
                  child: Text('获取应用信息'),
                  onPressed: () async {
                    AppInfo appInfo = await BaseInfo.appInfo;
                    print('appInfo: $appInfo');
                  },
                ),
                TextButton(
                  child: Text('设置应用信息'),
                  onPressed: () {
                    BaseInfo.setAppInfo(appName: "test", appVersion: "123456", appChannel: "test");
                  },
                ),
                TextButton(
                  child: Text('获取设备信息'),
                  onPressed: () async {
                    BaseDeviceInfo deviceInfo = await BaseInfo.deviceInfo;
                    print('deviceInfo: $deviceInfo');
                  },
                ),
                TextButton(
                  child: Text('获取设备状态'),
                  onPressed: () async {
                    print('获取设备状态');
                    BaseDeviceStatus deviceStatus = await BaseInfo.deviceStatus;
                    print('getDeviceStatus: $deviceStatus');
                  },
                ),
                TextButton(
                  child: Text('生成UUID'),
                  onPressed: () async {
                    print('生成UUID');
                    String uuid = await BaseInfo.generateUUID;
                    print('generateUUID: $uuid');
                  },
                ),
                TextButton(
                  child: Text('导出会话信息'),
                  onPressed: () async {
                    SessionInfo session = AppSession.instance.dumpSessionInfo();
                    print('session: $session');
                  },
                ),
                TextButton(
                  child: Text('打开Flutter页面', style: TextStyle(
                      color: Colors.red,
                      fontSize: 18)
                  ),
                  onPressed: () async {
                    Navigator.of(context).push(MaterialPageRoute(builder: (context) => SecondPage()));
                  },
                ),
                TextButton(
                  child: Text('通过TRouter打开Flutter页面', style: TextStyle(
                      color: Colors.red,
                      fontSize: 18)
                  ),
                  onPressed: () async {
                    TRouter.openPage('second_page');
                  },
                ),
                TextButton(
                  child: Text('添加到缓存'),
                  onPressed: () async {
                    /// TODO:
                  },
                ),
                TextButton(
                  child: Text('从缓存中获取'),
                  onPressed: () async {
                    /// TODO:
                  },
                ),
              ]
          )
      ),
    );
  }
}

class SecondPage extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Container(
      color: Colors.pink,
    );
  }
}

class TestLifecycleObser extends LifecycleObserver {
  [@override](/user/override)
  void onAttach() {
    print('TestMain --- onAttach');
  }

  [@override](/user/override)
  void onDetach() {
    print('TestMain --- onDetach');
  }

  [@override](/user/override)
  void onPause(RoutePage? routePage) {
    print('TestMain --- onPause: $routePage');
  }

  [@override](/user/override)
  void onResume(RoutePage? routePage) {
    print('TestMain --- onResume: $routePage');
  }

  [@override](/user/override)
  void onStart(RoutePage? routePage) {
    print('TestMain --- onStart: $routePage');
  }

  [@override](/user/override)
  void onStop(RoutePage? routePage) {
    print('TestMain --- onStop: $routePage');
  }

  [@override](/user/override)
  void onFront(bool isFront) {
    print('TestMain --- onFront: $isFront');
  }
}

更多关于Flutter性能监控插件rmonitor_base的使用的实战教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter性能监控插件rmonitor_base的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


rmonitor_base 是一个用于 Flutter 应用的性能监控插件,它能够帮助开发者监控应用的性能指标,如帧率、内存使用、CPU 使用率等。使用 rmonitor_base 可以帮助你更好地了解应用的性能瓶颈,并进行优化。

安装 rmonitor_base

首先,你需要在 pubspec.yaml 文件中添加 rmonitor_base 依赖:

dependencies:
  rmonitor_base: ^1.0.0  # 请根据实际情况使用最新版本

然后运行 flutter pub get 来安装依赖。

基本用法

  1. 初始化 rmonitor_base

    在你的应用的入口文件(通常是 main.dart)中,初始化 rmonitor_base

    import 'package:flutter/material.dart';
    import 'package:rmonitor_base/rmonitor_base.dart';
    
    void main() async {
      WidgetsFlutterBinding.ensureInitialized();
      await RMonitorBase.init();  // 初始化 rmonitor_base
      runApp(MyApp());
    }
    
  2. 启动性能监控

    你可以在应用的任何地方启动性能监控。通常,你可以在应用启动后立即开始监控:

    class MyApp extends StatelessWidget {
      [@override](/user/override)
      Widget build(BuildContext context) {
        RMonitorBase.start();  // 启动性能监控
        return MaterialApp(
          title: 'Flutter Demo',
          theme: ThemeData(
            primarySwatch: Colors.blue,
          ),
          home: MyHomePage(),
        );
      }
    }
    
  3. 停止性能监控

    如果你需要在某些情况下停止监控,可以调用 stop() 方法:

    RMonitorBase.stop();  // 停止性能监控
    
  4. 获取性能数据

    rmonitor_base 提供了多种方法来获取性能数据,例如:

    • 获取帧率

      double fps = await RMonitorBase.getFps();
      print('当前帧率: $fps');
      
    • 获取内存使用情况

      MemoryInfo memoryInfo = await RMonitorBase.getMemoryInfo();
      print('内存使用情况: ${memoryInfo.usedMemory} / ${memoryInfo.totalMemory}');
      
    • 获取 CPU 使用率

      double cpuUsage = await RMonitorBase.getCpuUsage();
      print('CPU 使用率: $cpuUsage%');
      
  5. 监听性能数据变化

    你可以通过监听器来实时获取性能数据的变化:

    RMonitorBase.addListener((PerformanceData data) {
      print('帧率: ${data.fps}, 内存: ${data.memory}, CPU: ${data.cpu}');
    });
    

示例代码

以下是一个完整的示例,展示了如何使用 rmonitor_base 来监控应用的性能:

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

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await RMonitorBase.init();  // 初始化 rmonitor_base
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    RMonitorBase.start();  // 启动性能监控
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

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

class _MyHomePageState extends State<MyHomePage> {
  double fps = 0.0;
  MemoryInfo memoryInfo = MemoryInfo(0, 0);
  double cpuUsage = 0.0;

  [@override](/user/override)
  void initState() {
    super.initState();
    _startMonitoring();
  }

  void _startMonitoring() async {
    RMonitorBase.addListener((PerformanceData data) {
      setState(() {
        fps = data.fps;
        memoryInfo = data.memory;
        cpuUsage = data.cpu;
      });
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter Performance Monitor'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text('帧率: $fps'),
            Text('内存使用: ${memoryInfo.usedMemory} / ${memoryInfo.totalMemory}'),
            Text('CPU 使用率: $cpuUsage%'),
          ],
        ),
      ),
    );
  }
}
回到顶部