Flutter IP地理位置获取插件ip_geolocation的使用

Flutter IP地理位置获取插件ip_geolocation的使用

ip_geolocation 是一个 Dart 包，可以用来从你的 IP 地址获取地理信息。下面是一个完整的示例代码来展示如何在 Flutter 应用程序中使用这个插件。

示例代码

import 'dart:convert';

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

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  // 这个小部件是你的应用程序的根节点。
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: HomePage(),
    );
  }
}

class HomePage extends StatefulWidget {
  HomePage({Key key}) : super(key: key);

  @override
  _HomePageState createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  String text = ''; // 用于显示IP地址或地理信息
  GeolocationData geolocationData; // 存储地理数据

  @override
  void initState() {
    super.initState();
    this.getIp(); // 初始化时获取IP信息
  }

  Future<void> getIp() async {
    geolocationData = await GeolocationAPI.getData(); // 获取地理数据
    if (geolocationData != null) {
      setState(() {
        text = geolocationData.ip; // 设置文本为IP地址
      });
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Container(
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.center,
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              Text(text), // 显示IP地址
              FlatButton(
                onPressed: () {
                  if (geolocationData != null) {
                    setState(() {
                      text = jsonEncode(geolocationData.toJson()); // 将地理数据转为JSON字符串
                    });
                  }
                },
                child: Text("toJSON"), // 按钮文本
              )
            ],
          ),
        ),
      ),
    );
  }
}

步骤说明

1. 导入依赖：

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

2. 定义主应用类 MyApp：

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

3. 定义主页类 HomePage：

   class HomePage extends StatefulWidget {
     HomePage({Key key}) : super(key: key);
   
     @override
     _HomePageState createState() => _HomePageState();
   }
   

4. 定义主页状态类 _HomePageState：

   class _HomePageState extends State<HomePage> {
     String text = '';
     GeolocationData geolocationData;
   
     @override
     void initState() {
       super.initState();
       this.getIp();
     }
   
     Future<void> getIp() async {
       geolocationData = await GeolocationAPI.getData();
       if (geolocationData != null) {
         setState(() {
           text = geolocationData.ip;
         });
       }
     }
   
     @override
     Widget build(BuildContext context) {
       return Scaffold(
         body: Center(
           child: Container(
             child: Column(
               crossAxisAlignment: CrossAxisAlignment.center,
               mainAxisAlignment: MainAxisAlignment.center,
               children: <Widget>[
                 Text(text),
                 FlatButton(
                   onPressed: () {
                     if (geolocationData != null) {
                       setState(() {
                         text = jsonEncode(geolocationData.toJson());
                       });
                     }
                   },
                   child: Text("toJSON")
                 )
               ],
             ),
           ),
         ),
       );
     }
   }