新聞中心
這里有您想知道的互聯(lián)網營銷解決方案
創(chuàng)新互聯(lián)React教程:定位
你需要在 info.plist 中添加 NSLocationWhenInUseUsageDescription 鍵來定位,當你用 react-native init 來創(chuàng)建一個項目時,默認情況下定位是能夠使用的。

創(chuàng)新互聯(lián)主要從事做網站、網站制作、網頁設計、企業(yè)做網站、公司建網站等業(yè)務。立足成都服務東至,十年網站建設經驗,價格優(yōu)惠、服務專業(yè),歡迎來電咨詢建站服務:028-86922220
定位遵循 MDN 規(guī)范:
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',
},
});
新聞標題:創(chuàng)新互聯(lián)React教程:定位
本文路徑:http://m.fisionsoft.com.cn/article/dhpsppg.html


咨詢
建站咨詢
