Flutter地理位置及IP信息获取插件geolocation_info_ip的使用

Flutter地理位置及IP信息获取插件geolocation_info_ip的使用

geolocation_info_ip 插件允许您获取设备连接到互联网时所在的IP地址的相关信息。

示例输出

{
"ip": "xx.xx.xx.xx",
"network": "xx.xx.xx.xx/25",
"version": "IPv4",
"city": "Bogota",
"region": "Bogota D.C.",
"region_code": "DC",
"country": "CO",
"country_name": "Colombia",
"country_code": "CO",
"country_code_iso3": "COL",
"country_capital": "Bogota",
"country_tld": ".co",
"continent_code": "SA",
"in_eu": false,
"postal": "XXXXXX",
"latitude": x.xxxxx,
"longitude": -xx.xxxx,
"timezone": "America/Bogota",
"utc_offset": "-xx00",
"country_calling_code": "+57",
"currency": "COP",
"currency_name": "Peso",
"languages": "es-CO",
"country_area": xxxxxxx,
"country_population": xxxxxxxx,
"asn": "XXXXXXXX",
"org": "XXXXXXXXXX"
}

示例代码

以下是一个完整的示例，展示了如何在Flutter应用中使用geolocation_info_ip插件来获取并显示设备的IP地址。

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

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

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  // 这个widget是你的应用的根组件。
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: const HomePage(),
    );
  }
}

class HomePage extends StatefulWidget {
  const HomePage({super.key});

  @override
  State<HomePage> createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  String ip = ''; // 获取IP地址

  Future<void> cargar() async {
    GeolocationModel apiGeo = await ApiGeo.getGeolocation(); // 获取地理信息模型
    setState(() {
      ip = apiGeo.ip; // 更新IP地址
    });
    // 打印完整的地理信息模型（调试用）
    print(apiGeo);
  }

  @override
  void initState() {
    super.initState();
    cargar(); // 初始化时调用加载函数
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
        title: const Text('插件示例应用'),
      ),
      body: Center(
        child: Text('IP: ${ip}'), // 显示IP地址
      ),
    );
  }
}

说明

  • 导入包：首先，确保在 pubspec.yaml 文件中添加了 geolocation_info_ip 包的依赖，并运行 flutter pub get 来安装它。

    dependencies:
  flutter:
    sdk: flutter
  geolocation_info_ip: ^1.0.0

更多关于Flutter地理位置及IP信息获取插件geolocation_info_ip的使用的实战教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter地理位置及IP信息获取插件geolocation_info_ip的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


当然，以下是如何在Flutter项目中使用geolocation_info_ip插件来获取地理位置及IP信息的示例代码。geolocation_info_ip插件结合了设备地理位置和IP地址信息来获取用户的位置数据。

首先，你需要在你的pubspec.yaml文件中添加依赖：

dependencies:
  flutter:
    sdk: flutter
  geolocation_info_ip: ^最新版本号  # 请替换为最新的版本号

然后运行flutter pub get来安装依赖。

接下来，你可以在你的Flutter项目中按照以下步骤使用geolocation_info_ip插件：

  1. 导入插件：
import 'package:geolocation_info_ip/geolocation_info_ip.dart';
  1. 请求权限并获取位置信息：

在Flutter中，你需要请求位置权限才能获取设备的地理位置。以下是一个完整的示例，展示了如何使用geolocation_info_ip插件：

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

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Geolocation Info IP Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  GeolocationInfoIp? _geolocationInfoIp;
  String _locationData = '';

  @override
  void initState() {
    super.initState();
    _geolocationInfoIp = GeolocationInfoIp();
    _getLocationInfo();
  }

  Future<void> _getLocationInfo() async {
    try {
      // 请求位置权限
      bool serviceEnabled;
      LocationPermission permission;

      serviceEnabled = await Geolocator.isLocationServiceEnabled();
      if (!serviceEnabled) {
        return Future.error('Location services are disabled.');
      }

      permission = await Geolocator.checkPermission();
      if (permission == LocationPermission.denied) {
        permission = await Geolocator.requestPermission();
        if (permission == LocationPermission.denied) {
          return Future.error('Location permissions are denied');
        }
      }

      if (permission == LocationPermission.deniedForever) {
        return Future.error('Location permissions are permanently denied, we cannot request permissions.');
      }

      // 获取设备位置
      Position position = await Geolocator.getCurrentPosition(
          desiredAccuracy: LocationAccuracy.high);
      List<double> coordinates = [position.latitude, position.longitude];

      // 使用geolocation_info_ip插件获取位置信息
      var locationData = await _geolocationInfoIp!.getLocationFromCoords(coordinates);
      
      // 更新UI
      setState(() {
        _locationData = '''
IP: ${locationData.ip}
Country: ${locationData.country}
City: ${locationData.city}
Latitude: ${position.latitude}
Longitude: ${position.longitude}
        ''';
      });
    } catch (e) {
      setState(() {
        _locationData = 'Error: ${e.message ?? e}';
      });
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Geolocation Info IP Demo'),
      ),
      body: Center(
        child: Text(_locationData),
      ),
    );
  }
}

在这个示例中，我们首先检查位置服务是否启用，然后请求位置权限。如果权限被授予，我们使用Geolocator.getCurrentPosition获取设备的当前位置，并将经纬度传递给geolocation_info_ip插件的getLocationFromCoords方法以获取更详细的位置信息（如国家、城市等）。最后，我们将获取到的位置数据显示在屏幕上。

请注意，在实际应用中，处理权限请求和错误情况需要更加细致和用户体验友好的方式。此外，由于网络请求和位置服务可能失败，因此在实际应用中通常还需要实现重试逻辑。

回到顶部