我遇到了一些奇怪的问题,无法找到解决方案。在我的 React Native 应用程序中,我使用 navigator.geolocation 来确定当前位置。我的应用程序几乎与 Facebook 的地理位置代码示例相同。
在模拟器中,我的应用程序完美地工作,但是当我将其部署到 iPhone 上时,通过 getCurrentPosition 和 watchPosition 返回的位置不正确。例如,速度和航向为-1,准确度为65。经度和纬度似乎是有效的,但不是我的真实位置(在另一个国家)。 无论我是通过调试还是发布将应用程序部署到 iPhone上,它的反应总是相同的。
但是,如果我启动例如 TomTom 并将此应用程序放在后台,然后启动我的 GeolocationExample 应用程序,一切都按预期工作。
我创建应用程序的步骤如下:
react-native init GeolocationExample
然后,我用这段代码替换了文件index.ios.js。
import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
Text,
View
} from 'react-native';
export default class GeolocationExample extends React.Component {
state = {
initialPosition: 'unknown',
lastPosition: 'unknown',
};
watchID: ?number = null;
componentDidMount() {
navigator.geolocation.getCurrentPosition(
(position) => {
var initialPosition = JSON.stringify(position);
this.setState({initialPosition});
},
(error) => alert(JSON.stringify(error)),
{enableHighAccuracy: true, timeout: 20000, maximumAge: 1000}
);
this.watchID = navigator.geolocation.watchPosition((position) => {
var lastPosition = JSON.stringify(position);
this.setState({lastPosition});
});
}
componentWillUnmount() {
navigator.geolocation.clearWatch(this.watchID);
}
render() {
return (
<View style={styles.main}>
<Text>
<Text style={styles.title}>Initial position: </Text>
{this.state.initialPosition}
</Text>
<Text>
<Text style={styles.title}>Current position: </Text>
{this.state.lastPosition}
</Text>
</View>
);
}
}
var styles = StyleSheet.create({
main: {
margin: 30
},
title: {
fontWeight: '500',
},
});
AppRegistry.registerComponent('GeolocationExample', () => GeolocationExample);