详解如何在Flutter中获取设备标识符

更新时间：2022年04月11日 09:15:06 作者：大前端之旅

这篇文章主要为大家介绍了几种通过Flutter读取设备信息的方法，文中的示例代码讲解详细，感兴趣的小伙伴快跟随小编一起学习一下

使用 platform_device_id

如果您只需要运行应用程序的设备的 id，最简单快捷的解决方案是使用platform_device_id包。它适用于 Android (AndroidId)、iOS (IdentifierForVendor)、Windows (BIOS UUID)、macOS (IOPlatformUUID) 和 Linux (BIOS UUID)。在 Flutter Web 应用程序中，您将获得 UserAgent（此信息不是唯一的）。

应用预览

我们要构建的示例应用程序包含一个浮动按钮。按下此按钮时，设备的 ID 将显示在屏幕上。以下是它在 iOS 和 Android 上的工作方式：

代码

1.通过运行安装插件：

flutter pub add platform_device_id

然后执行这个命令：

flutter pub get

不需要特殊权限或配置。

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 的设备 ID，并提供有关设备的其他详细信息（品牌、型号等）以及 Flutter 应用运行的 Android 或 iOS 版本。

应用预览

我们将制作的应用程序与上一个示例中的应用程序非常相似。但是，这一次我们将在屏幕上显示大量文本。返回的结果因平台而异。如您所见，Android 上返回的信息量远远超过 iOS。

代码

1. 通过执行以下操作安装插件：

flutter pub add device_info_plus

然后运行：

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),
      ),
    );
  }
}

结论

我们已经介绍了几种读取设备信息的技术。选择一个适合您在项目中实施的需求。

以上就是详解如何在Flutter中获取设备标识符的详细内容，更多关于Flutter获取设备标识符的资料请关注脚本之家其它相关文章！

您可能感兴趣的文章:

Android如何设置圆角图片
这篇文章主要为大家详细介绍了Android如何设置圆角图片，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-02-02
Android中打电话的数据流程分析
所有流程的起点是从拨号后按下拨号键开始,接下来将对打电话的数据流程进行源码分析，感兴趣的朋友可以了解下
2013-01-01
Android编程实现的简易路径导航条功能示例
这篇文章主要介绍了Android编程实现的简易路径导航条功能,结合实例形式分析了Android结合视图、布局及路径操作实现导航条功能的相关技巧,需要的朋友可以参考下
2017-01-01
Android Studio多渠道打包的配置方法
今天小编就为大家分享一篇关于Android Studio多渠道打包的配置方法，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
2018-12-12
使用ViewPage+Fragment仿微信界面
这篇文章主要为大家详细介绍了使用ViewPage+Fragment仿微信界面，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-04-04
Android登录时密码保护功能
这篇文章主要为大家详细介绍了Android登录时密码保护功能的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-01-01
Android开发实现浏览器全屏显示功能
这篇文章主要介绍了Android开发实现浏览器全屏显示功能,涉及Android布局修改及相关属性动态设置操作技巧,需要的朋友可以参考下
2017-09-09
Android实现轻量线性与百分比图表的方法
这篇文章主要给大家介绍了关于Android实现轻量线性与百分比图表的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习学习吧。
2017-12-12
使用android studio开发工具编译GBK转换三方库iconv的方法
这篇文章主要介绍了使用android studio开发工具编译GBK转换三方库iconv的教程，本文通过图文并茂的形式给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
2020-06-06
Android设置TextView样式SpannableString教程
这篇文章主要为大家介绍了Android设置TextView样式SpannableString教程示例，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-02-02