您现在的位置是：首页 > 前端 > 后端 > Flutter Flutter

flutter-30(获取设备信息、获取地理位置)

2020-04-30【Flutter】1163人已围观

简介## 一、Flutter 中获取设备信息文档： [https://pub.dev/packages/device_info](https://pub.dev/packages/device_info) ``` import 'package:device_info/device_info.dart'; DeviceInfoPlugin deviceInfo = DeviceInfoPlugin(); AndroidDeviceInfo androidInfo = await de

## 一、Flutter  中获取设备信息

文档： [https://pub.dev/packages/device_info](https://pub.dev/packages/device_info)

```
import 'package:device_info/device_info.dart';

DeviceInfoPlugin deviceInfo = DeviceInfoPlugin();
AndroidDeviceInfo androidInfo = await deviceInfo.androidInfo;
print('Running on ${androidInfo.model}');  // e.g. "Moto G (4)"

IosDeviceInfo iosInfo = await deviceInfo.iosInfo;
print('Running on ${iosInfo.utsname.machine}');  // e.g. "iPod7,1"
```

## 二、Flutter  中使用高德定位准备工作获取 key

> 高德开放平台

1. 申请成为开发者
2. 创建应用配置获取 Key

地址： [https://lbs.amap.com/api/android-sdk/guide/create-project/get-key](https://lbs.amap.com/api/android-sdk/guide/create-project/get-key)

![image](http://image.apidata.vip/QQ%E6%88%AA%E5%9B%BE20200325202334.png)

> 调试版安全码SHA1

1. 进入 `C:\Users\Administrator\.android`
2. 输入 `keytool -list -v -keystore debug.keystore`

> 发布版安全码SHA1

1. 进入 `C:\Users\Administrator\.android`
2. 输入 `keytool -v -list -keystore [keystore文件地址]`

> **PackageName** 在项目目录

1. 打开 `android\app\src\main\AndroidManifest.xml`
2. 文件头部里 `package` `<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.flutter_app">`

## 三、Flutter 实现用高德定位

文档地址： [https://pub.dev/packages/amap_location](https://pub.dev/packages/amap_location)

### 集成高德地图定位android版本

修改目目录 `/app/build.gradle` 在 `android/defaultConfig` 节点修改 `manifestPlaceholders` ,新增高德地图 `key` 配置

```
android {
    .... 你的代码

defaultConfig {
        .....
        manifestPlaceholders = [
                AMAP_KEY : "ef25f956962137a926f9d05f715c02fc1", /// 高德地图key
        ]

}

...你的代码

dependencies {
        /// 注意这里需要在主项目增加一条依赖，否则可能发生编译不通过的情况
        implementation 'com.amap.api:location:latest.integration'
        ...你的代码
    }
```

### 集成高德地图定位ios版本

1. 直接在dart文件中设置key

```
import 'package:amap_location/amap_location.dart';
   
   void main(){     
       AMapLocationClient.setApiKey("你的key");
     runApp(new MyApp());
   }
```

2. 在info.plist中增加:

```
<key>NSLocationWhenInUseUsageDescription</key>
<string>要用定位</string>
```

> location.dart

```
import 'package:flutter/material.dart';
import 'package:amap_location/amap_location.dart';

class LocationPage extends StatefulWidget {
  LocationPage({Key key}) : super(key: key);
  _LocationPageState createState() => _LocationPageState();
}

class _LocationPageState extends State<LocationPage> {
  var _longitude;
  var _latitude;
  initState(){
    super.initState();
    this._location();
  }
  _location() async{
    await AMapLocationClient.startup(new AMapLocationOption( desiredAccuracy:CLLocationAccuracy.kCLLocationAccuracyHundredMeters  ));
    var result = await AMapLocationClient.getLocation(true);
    print("经度:${result.longitude}");
    print("纬度:${result.latitude}");
    setState(() {
      this._longitude=result.longitude;
      this._latitude=result.latitude;
    });
  }
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          title: Text("lacation Demo"),
        ),
        body: Column(
          children: <Widget>[
            Text("经度:${this._longitude}"),
            Text("纬度:${this._latitude}"),
          ],
        ),
    );
  }
}
```

关注博客，更多精彩分享，敬请期待！

Tags：

很赞哦！ (0)

上一篇：flutter-29(使用WebView组件url_launcher加载远程web页面渲染新闻详情数据)

下一篇：flutter-31(调用原生硬件Api实现照相机拍照和相册选择、以及拍照上传到服务)