詳解如何在Flutter中獲取設(shè)備標(biāo)識(shí)符
本文將引導(dǎo)您完成 2 個(gè)示例,演示如何在 Flutter 中獲取設(shè)備標(biāo)識(shí)符
使用 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), ), ); } }
結(jié)論
我們已經(jīng)介紹了幾種讀取設(shè)備信息的技術(shù)。選擇一個(gè)適合您在項(xiàng)目中實(shí)施的需求。
以上就是詳解如何在Flutter中獲取設(shè)備標(biāo)識(shí)符的詳細(xì)內(nèi)容,更多關(guān)于Flutter獲取設(shè)備標(biāo)識(shí)符的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
RecyclerView滑動(dòng)到指定Position的方法
這篇文章主要為大家詳細(xì)介紹了RecyclerView滑動(dòng)到指定Position的方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-04-04Android 兩個(gè)ViewPager的聯(lián)動(dòng)效果的實(shí)現(xiàn)
這篇文章主要介紹了Android 兩個(gè)ViewPager的聯(lián)動(dòng)效果的實(shí)現(xiàn),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-08-08Core Animation一些Demo總結(jié) (動(dòng)態(tài)切換圖片、大轉(zhuǎn)盤、圖片折疊、進(jìn)度條等動(dòng)畫效果)
這篇文章主要介紹了Core Animation一些Demo總結(jié) (動(dòng)態(tài)切換圖片、大轉(zhuǎn)盤、圖片折疊、進(jìn)度條等動(dòng)畫效果)的相關(guān)資料,需要的朋友可以參考下2016-02-02Android apk 插件啟動(dòng)內(nèi)存釋放問題
這篇文章主要介紹了Android apk 插件啟動(dòng)內(nèi)存釋放問題的相關(guān)資料,需要的朋友可以參考下2017-06-06Android 利用ViewPager+GridView實(shí)現(xiàn)首頁導(dǎo)航欄布局分頁效果
用ViewPager+GridView實(shí)現(xiàn)首頁導(dǎo)航欄布局分頁效果來實(shí)現(xiàn)的效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下。2016-10-10Android用戶輸入自動(dòng)提示控件AutoCompleteTextView使用方法
這篇文章主要為大家詳細(xì)介紹了Android用戶輸入自動(dòng)提示控件AutoCompleteTextView的使用方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-08-08Android編程設(shè)計(jì)模式之抽象工廠模式詳解
這篇文章主要介紹了Android編程設(shè)計(jì)模式之抽象工廠模式,結(jié)合實(shí)例形式詳細(xì)分析了Android抽象工廠模式的概念、原理、使用方法及相關(guān)注意事項(xiàng),需要的朋友可以參考下2017-12-12Android實(shí)現(xiàn)自定義加載框的代碼示例
本篇文章主要介紹了Android實(shí)現(xiàn)自定義加載框的代碼示例,App在與服務(wù)器進(jìn)行網(wǎng)絡(luò)交互的時(shí)候,有個(gè)提示加載框,有興趣的可以了解一下。2017-02-02