你需要在 info.plist 中添加 NSLocationWhenInUseUsageDescription 键来定位,当你用 react-native init 来创建一个项目时,默认情况下定位是能够使用的。

创新互联主要从事做网站、网站制作、网页设计、企业做网站、公司建网站等业务。立足成都服务东至,十年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220
定位遵循 MDN 规范:
https://developer.mozilla.org/en-US/docs/Web/API/Geolocation
static getCurrentPosition(geo_success: Function, geo_error?: Function, geo_options?: Object)
static watchPosition(success: Function, error?: Function, options?: Object)
static clearWatch(watchID: number)
static stopObserving()
Edit on GitHub
/* eslint no-console: 0 */'use strict';var React = require('react-native');var {
StyleSheet,
Text,
View,
} = React;
exports.framework = 'React';
exports.title = 'Geolocation';
exports.description = 'Examples of using the Geolocation API.';
exports.examples = [
{
title: 'navigator.geolocation',
render: function(): ReactElement { return ;
},
}
];var GeolocationExample = React.createClass({
watchID: (null: ?number),
getInitialState: function() { return {
initialPosition: 'unknown',
lastPosition: 'unknown',
};
},
componentDidMount: function() {
navigator.geolocation.getCurrentPosition(
(initialPosition) => this.setState({initialPosition}),
(error) => console.error(error)
); this.watchID = navigator.geolocation.watchPosition((lastPosition) => { this.setState({lastPosition});
});
},
componentWillUnmount: function() {
navigator.geolocation.clearWatch(this.watchID);
},
render: function() { return (
Initial position:
{JSON.stringify(this.state.initialPosition)}
Current position:
{JSON.stringify(this.state.lastPosition)}
);
}
});var styles = StyleSheet.create({
title: {
fontWeight: '500',
},
});