快捷導(dǎo)航

詳解如何在Flutter中獲取設(shè)備標(biāo)識(shí)符

更新時(shí)間：2022年04月11日 09:15:06 作者：大前端之旅

這篇文章主要為大家介紹了幾種通過Flutter讀取設(shè)備信息的方法，文中的示例代碼講解詳細(xì)，感興趣的小伙伴快跟隨小編一起學(xué)習(xí)一下

使用 platform_device_id

如果您只需要運(yùn)行應(yīng)用程序的設(shè)備的 id，最簡(jiǎn)單快捷的解決方案是使用platform_device_id包。它適用于 Android (AndroidId)、iOS (IdentifierForVendor)、Windows (BIOS UUID)、macOS (IOPlatformUUID) 和 Linux (BIOS UUID)。在 Flutter Web 應(yīng)用程序中，您將獲得 UserAgent（此信息不是唯一的）。

應(yīng)用預(yù)覽

我們要構(gòu)建的示例應(yīng)用程序包含一個(gè)浮動(dòng)按鈕。按下此按鈕時(shí)，設(shè)備的 ID 將顯示在屏幕上。以下是它在 iOS 和 Android 上的工作方式：

代碼

1.通過運(yùn)行安裝插件：

flutter pub add platform_device_id

然后執(zhí)行這個(gè)命令：

flutter pub get

不需要特殊權(quán)限或配置。

2.完整代碼：

// main.dart
import 'package:flutter/material.dart';
import 'package:platform_device_id/platform_device_id.dart';
?
void main() {
  runApp(const MyApp());
}
?
class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        // Remove the debug banner
        debugShowCheckedModeBanner: false,
        title: '大前端之旅',
        theme: ThemeData(
          primarySwatch: Colors.indigo,
        ),
        home: const HomePage());
  }
}
?
class HomePage extends StatefulWidget {
  const HomePage({Key? key}) : super(key: key);
?
  @override
  _HomePageState createState() => _HomePageState();
}
?
class _HomePageState extends State<HomePage> {
  String? _id;
?
  // This function will be called when the floating button is pressed
  void _getInfo() async {
    // Get device id
    String? result = await PlatformDeviceId.getDeviceId;
?
    // Update the UI
    setState(() {
      _id = result;
    });
  }
?
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('大前端之旅')),
      body: Padding(
        padding: const EdgeInsets.all(20),
        child: Center(
            child: Text(
          _id ?? 'Press the button',
          style: TextStyle(fontSize: 20, color: Colors.red.shade900),
        )),
      ),
      floatingActionButton: FloatingActionButton(
          onPressed: _getInfo, child: const Icon(Icons.play_arrow)),
    );
  }
}

使用 device_info_plus

包device_info_plus為您提供作為 platform_device_id 的設(shè)備 ID，并提供有關(guān)設(shè)備的其他詳細(xì)信息（品牌、型號(hào)等）以及 Flutter 應(yīng)用運(yùn)行的 Android 或 iOS 版本。

應(yīng)用預(yù)覽

我們將制作的應(yīng)用程序與上一個(gè)示例中的應(yīng)用程序非常相似。但是，這一次我們將在屏幕上顯示大量文本。返回的結(jié)果因平臺(tái)而異。如您所見，Android 上返回的信息量遠(yuǎn)遠(yuǎn)超過 iOS。

代碼

1. 通過執(zhí)行以下操作安裝插件：

flutter pub add device_info_plus

然后運(yùn)行：

flutter pub get

2. main.dart中的完整源代碼：

// main.dart
import 'package:flutter/material.dart';
import 'package:device_info_plus/device_info_plus.dart';
?
void main() {
  runApp(const MyApp());
}
?
class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        // Remove the debug banner
        debugShowCheckedModeBanner: false,
        title: '大前端之旅',
        theme: ThemeData(
          primarySwatch: Colors.amber,
        ),
        home: const HomePage());
  }
}
?
class HomePage extends StatefulWidget {
  const HomePage({Key? key}) : super(key: key);
?
  @override
  _HomePageState createState() => _HomePageState();
}
?
class _HomePageState extends State<HomePage> {
  Map? _info;
?
  // This function is triggered when the floating button gets pressed
  void _getInfo() async {
    // Instantiating the plugin
    final deviceInfoPlugin = DeviceInfoPlugin();
?
    final result = await deviceInfoPlugin.deviceInfo;
    setState(() {
      _info = result.toMap();
    });
  }
?
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('大前端之旅')),
      body: _info != null
          ? Padding(
              padding: const EdgeInsets.all(20),
              child: ListView(
                children: _info!.entries
                    .map((e) => Wrap(
                          children: [
                            Text(
                              "${e.key} :",
                              style: const TextStyle(
                                  fontSize: 18, color: Colors.red),
                            ),
                            const SizedBox(
                              width: 15,
                            ),
                            Text(
                              e.value.toString(),
                              style: const TextStyle(
                                fontSize: 18,
                              ),
                            )
                          ],
                        ))
                    .toList(),
              ),
            )
          : const Center(
              child: Text('Press the button'),
            ),
      floatingActionButton: FloatingActionButton(
        onPressed: _getInfo,
        child: const Icon(Icons.info),
      ),
    );
  }
}