Flutter获取当前位置插件current_location的使用

Flutter获取当前位置插件current_location的使用

简介

这个插件可以获取用户的当前位置信息。返回的数据包括以下内容：

Location({
    this.country,
    this.countryCode,
    this.region,
    this.regionName,
    this.timezone,
    this.latitude,
    this.longitude,
    this.isp,
    this.currentIP,
});

以下是演示图示：

如何使用？

1. 安装

   在pubspec.yaml中添加current_location，并运行flutter pub get命令。

   或者运行：

   flutter pub add current_location
   

   pubspec.yaml文件中的依赖项配置如下：

   dependencies:
     current_location: any
   

2. 实现

   在实现之前，请确保你理解了参数。

   首先需要导入包：

   import 'package:current_location/current_location.dart';
   

   下面是一个在小部件中调用函数的示例：

   FutureBuilder(
       future: UserLocation.getValue(),
       builder: (BuildContext context, dynamic snapshot) {
           if (snapshot.hasData) {
               return Center(
                   child: Column(
                       mainAxisAlignment: MainAxisAlignment.center,
                       crossAxisAlignment: CrossAxisAlignment.center,
                       children: [
                           Text('Country: ${snapshot.data!.country}'), // 国家
                           Text('Country Code: ${snapshot.data!.countryCode}'), // 国家代码
                           Text('Region: ${snapshot.data!.region}'), // 地区
                           Text('Region Name: ${snapshot.data!.regionName}'), // 地区名称
                           Text('Timezone: ${snapshot.data!.timezone}'), // 时区
                           Text('Latitude: ${snapshot.data!.latitude}'), // 纬度
                           Text('Longitude: ${snapshot.data!.longitude}'), // 经度
                           Text('ISP: ${snapshot.data!.isp}'), // ISP
                           Text('Current IP: ${snapshot.data!.currentIP}'), // 当前IP
                       ],
                   ),
               );
           }
           
           return const CircularProgressIndicator(); // 加载指示器
       },
   )
   

   返回原始数据的示例：

   UserLocation.getValue().then((value) => print(value?.{REPLACE_THIS_OBJECT}));
   

   或者

   late final UserLocation userLocation =  await UserLocation.getValue();
   
   print(userLocation.country!);
   print(userLocation.{REPLACE_THIS_OBJECT}!)
   

完整示例Demo

下面是一个完整的Flutter应用示例，展示了如何使用current_location插件来获取当前位置信息：

import 'package:current_location/current_location.dart';
import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({Key? key, required this.title}) : super(key: key);

  final String title;

  [@override](/user/override)
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: FutureBuilder(
        future: UserLocation.getValue(), // 获取位置信息
        builder: (BuildContext context, dynamic snapshot) {
          if (snapshot.hasData) {
            return Center(
              child: Column(
                mainAxisAlignment: MainAxisAlignment.center,
                crossAxisAlignment: CrossAxisAlignment.center,
                children: [
                  Text('Country: ${snapshot.data!.country}'), // 国家
                  Text('Country Code: ${snapshot.data!.countryCode}'), // 国家代码
                  Text('Region: ${snapshot.data!.region}'), // 地区
                  Text('Region Name: ${snapshot.data!.regionName}'), // 地区名称
                  Text('Timezone: ${snapshot.data!.timezone}'), // 时区
                  Text('Latitude: ${snapshot.data!.latitude}'), // 纬度
                  Text('Longitude: ${snapshot.data!.longitude}'), // 经度
                  Text('ISP: ${snapshot.data!.isp}'), // ISP
                  Text('Current IP: ${snapshot.data!.currentIP}'), // 当前IP
                ],
              ),
            );
          }
          return const CircularProgressIndicator(); // 加载指示器
        },
      ),
    );
  }
}