如何使用geolocator软件包自动更新Flutter中的gps坐标值？

tv6aics1 于 2023-01-21 发布在 Flutter

关注(0)|答案(1)|浏览(195)

我想在flutter中创建一个应用程序页面，当我在街上走动时，gps的经度和纬度值会不断更新，就像谷歌Map一样。
我在代码中导入了以下库。

import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:geolocator/geolocator.dart';
import 'dart:async';

接下来我创建了LocationPageWidget的基本框架

class LocationPage extends ConsumerWidget {
  String longitude = "";
  String latitude = "";

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    return MaterialApp(
        home: Scaffold(
            body: Center(
                child: Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        Text("Longitude:: $longitude"),
        Text("Latitude:: $latitude"),
      ],
    ))));
  }
}

我向LocationPage添加了一个构造函数，并将以下代码

LocationPage() {
    final LocationSettings locationSettings = LocationSettings(
      accuracy: LocationAccuracy.high,
      distanceFilter: 100,
    );
    StreamSubscription<Position> positionStream =
        Geolocator.getPositionStream(locationSettings: locationSettings)
            .listen((Position? position) {
      longitude = position!.longitude.toString();
      latitude = position.latitude.toString();
    });
  }

我知道我做错了什么，但是我不知道怎么做！！我尝试了很多其他的方法来使用riverpod，但是都失败了。我知道Geolocator.getPositionStream返回一个Stream<Position>，我不知道下一步该怎么做！
以下是指向地理定位器包https://pub.dev/packages/geolocator的链接

flutter

来源：https://stackoverflow.com/questions/75177492/how-to-automatically-update-gps-coordinate-values-in-flutter-using-geolocator-pa

1条答案

按热度按时间

aor9mmx11#

您应该将StreamSubscription代码移出构造函数，放入LocationPage小部件的initState方法中，这样可以确保仅在第一次创建小部件时设置流，而不是每次重建小部件时都设置流。
当您在流中接收到新的位置时，还需要设置longitude和latitude变量的状态，以便小部件可以使用新的值重新构建。
下面是一个如何实现此功能的示例：

class LocationPage extends StatefulWidget {
  @override
  _LocationPageState createState() => _LocationPageState();
}

class _LocationPageState extends State<LocationPage> {
  String longitude = "";
  String latitude = "";
  StreamSubscription<Position> _positionStream;

  @override
  void initState() {
    super.initState();
    final LocationSettings locationSettings = LocationSettings(
      accuracy: LocationAccuracy.high,
      distanceFilter: 100,
    );
    _positionStream = Geolocator.getPositionStream(locationSettings: locationSettings)
            .listen((Position? position) {
      setState(() {
        longitude = position!.longitude.toString();
        latitude = position.latitude.toString();
      });
    });
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        home: Scaffold(
            body: Center(
                child: Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        Text("Longitude:: $longitude"),
        Text("Latitude:: $latitude"),
      ],
    ))));
  }

  @override
  void dispose() {
    _positionStream.cancel();
    super.dispose();
  }
}

这应该对你有用，如果有用就告诉我！

赞(0）回复(0）举报 2023-01-21

我来回答

如何使用geolocator软件包自动更新Flutter中的gps坐标值？

1条答案

相关问题

热门标签

最新问答