关于flutter:Flutter-如何获取设备的唯一码

老铁记得转发，猫哥会出现更多 Flutter 好文~~~~

微信 flutter 研修群 ducafecat

原文

https://medium.com/flutterdev...

猫哥说

获取设施 id 是每一个 APP 都应该去做的，比方你拜访惟一用户统计就须要。

前言

代码

https://github.com/flutter-de...

参考

https://pub.dev/packages/devi...

注释

一般来说，制作一个挪动应用程序是一个极其令人难以置信和测试的工作。有许多可用的框架，这些框架为创立挪动应用程序提供了极好的亮点。为了创立挪动利用，Android 提供了一个基于 Java 和 Kotlin 语言的本地构造框架，而 iOS 提供了一个依赖于 Objective-C/Swift 语言的零碎。

随后，咱们须要两种独特的语言和构造来为这两种操作系统创立应用程序。明天，为了突破这种盘根错节的构造，曾经提出了几个框架来帮忙桌面应用程序同时应用这两种操作系统。这类框架被称为 cross-platform 跨平台开发工具。

在这个博客，咱们将摸索如何取得独特的设施细节.咱们将实现一个演示程序，并取得独特的设施细节，为安卓和 IOS 应用设施信息包在您的 Flutter 应用程序。

简介

Flutter 中失去以后设施数据的利用。如何利用 device_info plugin 为 Android 和 IOS 提供独特的设施细节。在这一点上，当咱们议论一个独特的设施细节在本地，咱们有 Settings.Secure.ANDROID_ID 取得一个举世无双的设施细节。

https://pub.dev/packages/devi...

演示

这个演示视频显示了如何取得一个独特的设施细节的 Flutter 。它显示了如何设施细节将工作应用设施信息包在您的 Flutter 应用程序。它会显示用户何时点击触发按钮，屏幕上显示的惟一设施 Andriod/Ios 信息，如设施名称、版本、标识符等。它会显示在你的设施上。

施行

第一步: 增加依赖项

将依赖项增加到 pubspec ー yaml 文件。

dependencies:  flutter:    sdk: flutter  device_info: ^0.4.0+4

第二步: 导入

import 'package:device_info/device_info.dart';

第三步: 在应用程序的根目录中运行 flutter 软件包。

代码实现

如何实现 dart 文件中的代码:

在 lib 文件夹中创立一个新的 dart 文件，名为 device_detail_demo.dart。

首先，咱们将创立一个用户界面。在主体局部，咱们将增加一个核心小部件。在外部，咱们将增加一个列小部件。在这个小部件中，咱们将增加一个 mainAxisAlignmnet 为核心。它是 children's property ，增加 RaisedButton()。在这个按钮中，咱们将增加填充、色彩和 OnPressed 性能。它的子属性，咱们将文本“Device Details”。

Center(  child: Column(    mainAxisAlignment: MainAxisAlignment.center,    children: [      RaisedButton(        padding: EdgeInsets.all(14),        color: Colors.cyan[50],        onPressed: (){},        child: Text("Device Details",          style: TextStyle(color: Colors.black),),      ),    ],  ),),

当咱们运行应用程序时，咱们应该失去屏幕的输入，就像上面的屏幕截图一样。

咱们将创立三个字符串 deviceName、 deviceVersion 和 identifier。

String deviceName ='';String deviceVersion ='';String identifier= '';

当初，咱们将添加程序的主函数。咱们将增加 future _deviceDetails() 在外部，咱们将增加一个最终的 deviceinfoplgin 等于新的 deviceinfoplgin()。咱们将增加 try {} 办法，并为平台导入 dart:io。

import 'dart:io';

如果平台是 Andriod，那么构建就等于 deviceInfoPlugin 对于 Andriod 信息。增加 setState ()办法。在这个办法中，咱们将所有的字符串加起来等于构建。如果平台是 Ios，那么构建版本就等于 Ios 信息的 deviceInfoPlugin。增加 setState ()办法。在这个办法中，咱们将所有的字符串加起来等于构建。

Future<void>_deviceDetails() async{  final DeviceInfoPlugin deviceInfoPlugin = new DeviceInfoPlugin();  try {    if (Platform.isAndroid) {      var build = await deviceInfoPlugin.androidInfo;      setState(() {        deviceName = build.model;        deviceVersion = build.version.toString();        identifier = build.androidId;      });      //UUID for Android    } else if (Platform.isIOS) {      var data = await deviceInfoPlugin.iosInfo;      setState(() {        deviceName = data.name;        deviceVersion = data.systemVersion;        identifier = data.identifierForVendor;      });//UUID for iOS    }  } on PlatformException {    print('Failed to get platform version');  }}

咱们将为 PlatformException 导入服务

import 'package:flutter/services.dart';

当初，咱们将在引发的按钮上增加按下的函子上的 _deviceDetails()

onPressed: (){  _deviceDetails();},

咱们将增加设施版本、名称和标识符不是空的，而后显示 Column 小部件。在这个小部件中，咱们将增加所有三个文本，如设施名称、设施版本和设施标识符将显示在您的设施上。否则，显示一个空容器。

deviceVersion.isNotEmpty && deviceName.isNotEmpty    && identifier.isNotEmpty?Column(  children: [    SizedBox(height: 30,),    Text("Device Name:- "+deviceName,style: TextStyle      (color: Colors.red,        fontWeight: FontWeight.bold)),    SizedBox(height: 30,),    Text("Device Version:- "+deviceVersion,style: TextStyle      (color: Colors.red,        fontWeight: FontWeight.bold)),    SizedBox(height: 30,),    Text("Device Identifier:- "+identifier,style: TextStyle      (color: Colors.red,        fontWeight: FontWeight.bold)),    SizedBox(height: 30,),  ],): Container(),

当用户点击按钮，而后，所有三个数据将显示在您的设施上。当咱们运行应用程序时，咱们应该失去屏幕的输入，就像上面的屏幕截图一样。

代码文件

import 'dart:io';import 'package:device_info/device_info.dart';import 'package:flutter/cupertino.dart';import 'package:flutter/material.dart';import 'package:flutter/services.dart';class DeviceDetailDemo extends StatefulWidget {  @override  _DeviceDetailDemoState createState() => _DeviceDetailDemoState();}class _DeviceDetailDemoState extends State<DeviceDetailDemo> {  String deviceName ='';  String deviceVersion ='';  String identifier= '';  Future<void>_deviceDetails() async{    final DeviceInfoPlugin deviceInfoPlugin = new DeviceInfoPlugin();    try {      if (Platform.isAndroid) {        var build = await deviceInfoPlugin.androidInfo;        setState(() {          deviceName = build.model;          deviceVersion = build.version.toString();          identifier = build.androidId;        });        //UUID for Android      } else if (Platform.isIOS) {        var data = await deviceInfoPlugin.iosInfo;        setState(() {          deviceName = data.name;          deviceVersion = data.systemVersion;          identifier = data.identifierForVendor;        });//UUID for iOS      }    } on PlatformException {      print('Failed to get platform version');    }  }  @override  Widget build(BuildContext context) {    return Scaffold(      appBar: AppBar(        backgroundColor: Colors.redAccent[100],        title: Text("Flutter Device Details Demo"),        automaticallyImplyLeading: false,      ),      body: Center(        child: Column(          mainAxisAlignment: MainAxisAlignment.center,          children: [            RaisedButton(              padding: EdgeInsets.all(14),              color: Colors.cyan[50],              onPressed: (){                _deviceDetails();              },              child: Text("Device Details",                style: TextStyle(color: Colors.black),),            ),            deviceVersion.isNotEmpty && deviceName.isNotEmpty                && identifier.isNotEmpty?            Column(              children: [                SizedBox(height: 30,),                Text("Device Name:- "+deviceName,style: TextStyle                  (color: Colors.red,                    fontWeight: FontWeight.bold)),                SizedBox(height: 30,),                Text("Device Version:- "+deviceVersion,style:    TextStyle                  (color: Colors.red,                    fontWeight: FontWeight.bold)),                SizedBox(height: 30,),                Text("Device Identifier:- "+identifier,style: TextStyle                  (color: Colors.red,                    fontWeight: FontWeight.bold)),                SizedBox(height: 30,),              ],            ): Container(),          ],        ),      ),    );  }}

总结

在本文中，我解释了如何取得独特的设施细节 Flutter 的根本构造，您能够依据本人的抉择批改这个代码。这是一个小的介绍，以取得独特的设施细节的用户交互从我这边，它的工作应用 Flutter。

https://ducafecat.tech/

https://github.com/ducafecat

往期

开源

GetX Quick Start

https://github.com/ducafecat/...

新闻客户端

https://github.com/ducafecat/...

strapi 手册译文

https://getstrapi.cn

微信探讨群 ducafecat