如何在Flutter中使用Geolocator包自动更新GPS坐标值？

核心思路 #

直接在Widget构造函数里监听流更新普通变量无法触发界面重建，得用Riverpod的StreamProvider包裹Geolocator的位置流，让Riverpod管理流的订阅和状态通知，数据变化时自动触发界面刷新。

实现步骤 #

1. 定义位置流的StreamProvider #

创建全局StreamProvider，处理位置权限并提供位置流：

final locationStreamProvider = StreamProvider.autoDispose<Position>((ref) async* {
  // 检查并请求位置权限
  LocationPermission permission = await Geolocator.checkPermission();
  if (permission == LocationPermission.denied) {
    permission = await Geolocator.requestPermission();
    if (permission == LocationPermission.denied) {
      throw Exception("位置权限被拒绝");
    }
  }

  // 返回位置流，可按需调整更新参数
  yield* Geolocator.getPositionStream(
    locationSettings: const LocationSettings(
      accuracy: LocationAccuracy.high,
      distanceFilter: 10, // 移动超过10米才触发更新
    ),
  );
});

2. 编写LocationPage ConsumerWidget #

在页面中通过ref.watch监听Provider，根据流状态展示对应内容：

class LocationPage extends ConsumerWidget {
  const LocationPage({super.key});

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final locationAsyncValue = ref.watch(locationStreamProvider);

    return Scaffold(
      appBar: AppBar(title: const Text("实时GPS位置")),
      body: Center(
        child: locationAsyncValue.when(
          loading: () => const CircularProgressIndicator(),
          error: (err, stack) => Text("获取位置失败: $err"),
          data: (position) => Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Text("纬度: ${position.latitude.toStringAsFixed(6)}"),
              const SizedBox(height: 16),
              Text("经度: ${position.longitude.toStringAsFixed(6)}"),
              const SizedBox(height: 16),
              Text("精度: ${position.accuracy.toStringAsFixed(2)}米"),
            ],
          ),
        ),
      ),
    );
  }
}

之前做法无效的原因 #

你在构造函数中更新的是普通局部变量，Flutter无法感知这类变量的变化，因此不会触发界面重建。而Riverpod的StreamProvider会自动订阅流，当有新数据时通知依赖的Widget重新build，实现实时更新。

额外注意事项 #

• 权限必须提前处理，否则无法获取位置数据
• 用autoDispose修饰Provider，页面销毁时自动取消流订阅，避免内存泄漏
• LocationSettings中的distanceFilter、accuracy等参数可根据需求调整，比如需要更频繁更新就调小距离阈值

内容的提问来源于stack exchange，提问作者nikhil bhamidipati