热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

开发笔记:ReactNativeGeolocationWatchposition不会实时更新

篇首语:本文由编程笔记#小编为大家整理,主要介绍了ReactNativeGeolocationWatchposition不会实时更新相关的知识,希望对你有一定的参考价值。

篇首语:本文由编程笔记#小编为大家整理,主要介绍了React Native Geolocation Watchposition不会实时更新相关的知识,希望对你有一定的参考价值。



我正在使用navigator.geolocation.getCurrentPosition()navigator.geolocation.watchPosition()来获取手机的当前位置,然后在移动时实时保持该位置以及速度。进行这些调用后,我使用redux来设置当前位置和速度的状态。

当我在genymotion模拟器中测试它时,它在我更改gps坐标时按计划工作。状态随当前位置更新,并且该信息在屏幕上呈现。

但是,当我构建应用程序以在我的手机上进行测试时,它无法按预期工作。当我第一次打开应用程序时,该位置显示正确。当汽车开始行驶时,位置和速度只会经常更新。

在屏幕上,我有当前位置和当前速度,这是从我填充redux的状态中提取数据。这些数字可能每5-10秒更新一次。

我在应用程序上打开了一张地图,显示/更新了我当前的位置(将其坐标从与我上面指出的“当前位置”和“当前速度”相同的状态拉出)。地图上的当前位置显示我几乎实时移动,每半秒左右更新一次。

对于所有文本感到抱歉,但最大的问题是:如果我的地图和屏幕正在从同一状态中提取数据,为什么地图会实时更新,而不是在其他地方更新?我期望的目的是看到当前位置和速度数几乎每秒都在变化。

以下是我的导航地理定位代码供参考:

navigator.geolocation.getCurrentPosition()

navigator.geolocation.getCurrentPosition((position) => {
const lat = parseFloat(position.coords.latitude);
const lOng= parseFloat(position.coords.longitude);
const initialRegion = {
latitude: lat,
longitude: long,
latitudeDelta: LATITUDE_DELTA,
longitudeDelta: LONGITUDE_DELTA
};
this.props.setCurrentPosition(initialRegion);
},
error => console.log('getCurrentPosition error', JSON.stringify(error)),
{ enableHighAccuracy: true, maximumAge: 0 }
);

navigator.geolocation.watchPosition()

this.watchId = navigator.geolocation.watchPosition(position => {
console.log('watchposition: ', position);
const lat = parseFloat(position.coords.latitude);
const lOng= parseFloat(position.coords.longitude);
const lastRegion = {
latitude: lat,
longitude: long,
longitudeDelta: LONGITUDE_DELTA,
latitudeDelta: LATITUDE_DELTA
};
// convert speed from m/s to mph
const speed = position.coords.speed * 2.23694;
this.props.setCurrentPosition(lastRegion);
this.props.setCurrentSpeed(speed);
},
error => console.log('watchposition error', error),
{ enableHighAccuracy: true, maximumAge: 0 }
);

答案

我无法让watchPosition()始终如一地工作,但最终设置了一个计时器来每隔几秒运行一次getCurrentPosition(),这对我的应用程序来说也是如此。



推荐阅读
  • 本文介绍了如何在React和React Native项目中使用JavaScript进行日期格式化,提供了获取近7天、近半年及近一年日期的具体实现方法。 ... [详细]
  • 本文将深入探讨如何在不依赖第三方库的情况下,使用 React 处理表单输入和验证。我们将介绍一种高效且灵活的方法,涵盖表单提交、输入验证及错误处理等关键功能。 ... [详细]
  • 本章将深入探讨移动 UI 设计的核心原则,帮助开发者构建简洁、高效且用户友好的界面。通过学习设计规则和用户体验优化技巧,您将能够创建出既美观又实用的移动应用。 ... [详细]
  • 本文探讨了领域驱动设计(DDD)的核心概念、应用场景及其实现方式,详细介绍了其在企业级软件开发中的优势和挑战。通过对比事务脚本与领域模型,展示了DDD如何提升系统的可维护性和扩展性。 ... [详细]
  • 本文详细介绍了如何在 Windows 环境下使用 node-gyp 工具进行 Node.js 本地扩展的编译和配置,涵盖从环境搭建到代码实现的全过程。 ... [详细]
  • JavaScript 基础语法指南
    本文详细介绍了 JavaScript 的基础语法,包括变量、数据类型、运算符、语句和函数等内容,旨在为初学者提供全面的入门指导。 ... [详细]
  • Redux入门指南
    本文介绍Redux的基本概念和工作原理,帮助初学者理解如何使用Redux管理应用程序的状态。Redux是一个用于JavaScript应用的状态管理库,特别适用于React项目。 ... [详细]
  • 在高并发需求的C++项目中,我们最初选择了JsonCpp进行JSON解析和序列化。然而,在处理大数据量时,JsonCpp频繁抛出异常,尤其是在多线程环境下问题更为突出。通过分析发现,旧版本的JsonCpp存在多线程安全性和性能瓶颈。经过评估,我们最终选择了RapidJSON作为替代方案,并实现了显著的性能提升。 ... [详细]
  • 深入剖析JVM垃圾回收机制
    本文详细探讨了Java虚拟机(JVM)中的垃圾回收机制,包括其意义、对象判定方法、引用类型、常见垃圾收集算法以及各种垃圾收集器的特点和工作原理。通过理解这些内容,开发人员可以更好地优化内存管理和程序性能。 ... [详细]
  • 在寻找轻量级Ruby Web框架的过程中,您可能会遇到Sinatra和Ramaze。两者都以简洁、轻便著称,但它们之间存在一些关键区别。本文将探讨这些差异,并提供详细的分析,帮助您做出最佳选择。 ... [详细]
  • 本文详细介绍了 GWT 中 PopupPanel 类的 onKeyDownPreview 方法,提供了多个代码示例及应用场景,帮助开发者更好地理解和使用该方法。 ... [详细]
  • 本文将介绍如何编写一些有趣的VBScript脚本,这些脚本可以在朋友之间进行无害的恶作剧。通过简单的代码示例,帮助您了解VBScript的基本语法和功能。 ... [详细]
  • Explore how Matterverse is redefining the metaverse experience, creating immersive and meaningful virtual environments that foster genuine connections and economic opportunities. ... [详细]
  • 选择适合生产环境的Docker存储驱动
    本文旨在探讨如何在生产环境中选择合适的Docker存储驱动,并详细介绍不同Linux发行版下的配置方法。通过参考官方文档和兼容性矩阵,提供实用的操作指南。 ... [详细]
  • PostgreSQL 最新动态 —— 2022年4月6日
    了解 PostgreSQL 社区的最新进展和技术分享 ... [详细]
author-avatar
城哥_1986
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有