flutter_ume_kit_device #

flutter_ume 是由字节跳动 Flutter Infra 团队出品的应用内调试工具平台。

flutter_ume_kit_device 是 flutter_ume 的设备信息插件包。接入方式请见 flutter_ume。

接入步骤

1. 在项目的 pubspec.yaml 文件中添加 flutter_ume 和 flutter_ume_kit_device 依赖：

dependencies:
  flutter:
    sdk: flutter
  flutter_ume: <latest_version>
  flutter_ume_kit_device: <latest_version>

1. 运行 `flutter packages get` 命令以获取新的依赖项。
2. 在 main.dart 文件中导入 flutter_ume 和 flutter_ume_kit_device：

import 'package:flutter_ume/flutter_ume.dart';
import 'package:flutter_ume_kit_device/flutter_ume_kit_device.dart';

1. 配置 UME 插件并添加设备信息插件：

void main() {
  // 初始化 UME 并添加设备信息插件
  UME.init(
    kits: [
      DeviceInfoKit(),
    ],
  );
  runApp(MyApp());
}

1. 确保你的应用包含一个 MaterialApp 或 CupertinoApp，并在其中调用 UME 提供的 build 方法：

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return UMEProvider(
      child: MaterialApp(
        title: 'Flutter Demo',
        theme: ThemeData(
          primarySwatch: Colors.blue,
        ),
        home: MyHomePage(title: 'Flutter Demo Home Page'),
      ),
    );
  }
}

1. 运行应用并打开 UME 工具。通常可以通过摇晃设备或按下特定组合键来触发。

示例代码

以下是一个完整的示例代码，展示了如何集成 flutter_ume 和 flutter_ume_kit_device：

// main.dart

import 'package:flutter/material.dart';
import 'package:flutter_ume/flutter_ume.dart';
import 'package:flutter_ume_kit_device/flutter_ume_kit_device.dart';

void main() {
  // 初始化 UME 并添加设备信息插件
  UME.init(
    kits: [
      DeviceInfoKit(),
    ],
  );

  runApp(
    UMEProvider(
      child: MaterialApp(
        title: 'Flutter Demo',
        theme: ThemeData(
          primarySwatch: Colors.blue,
        ),
        home: MyHomePage(title: 'Flutter Demo Home Page'),
      ),
    ),
  );
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);

  final String title;

  [@override](/user/override)
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;

  void _incrementCounter() {
    setState(() {
      _counter++;
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(
              'You have pushed the button this many times:',
            ),
            Text(
              '$_counter',
              style: Theme.of(context).textTheme.headline4,
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: 'Increment',
        child: Icon(Icons.add),
      ),
    );
  }
}

通过以上步骤，你可以成功集成 flutter_ume 和 flutter_ume_kit_device，并在应用中查看设备信息。