React-native Geolocation

我是新來的反應。我期望使用Cordova插件從Web-App構建移動應用程序。所以在這種情況下，我想獲得應用程序的位置。我正在嘗試使用react-native地理位置。React-native Geolocation

我跟着facebook的教程here。但是當我嘗試它時，它沒有顯示我的位置。取而代之的是從未知的到{}的位置變化值。

我在這裏可能會出現很少的錯誤。

我使用代理
測試這不是在Android或任何其他本機設備的瀏覽器。
Facebook的鏈接說，這是反應母語，但我的項目是由創建反應的應用程序內，我認爲還沒有反應過來，原生

如果這些是不是這個錯誤的原因，請幫助創建。

我的代碼，

import React,{Component} from 'react'; 
 
class GeoLocation extends React.Component { 
 
\t state = { initialPosition: 'unknown', 
 
\t \t \t lastPosition: 'unknown', }; 
 

 
\t watchID: ?number = null; 
 

 
\t componentDidMount() { 
 
\t \t if (navigator.geolocation) { 
 
\t \t \t navigator.geolocation.getCurrentPosition((position) => { 
 
\t \t \t \t var initialPosition = JSON.stringify(position); 
 
\t \t \t \t this.setState({initialPosition}); 
 
\t \t \t }, 
 
\t \t \t (error) => alert(JSON.stringify(error)), { 
 
\t \t \t \t enableHighAccuracy: true, timeout: 20000, maximumAge: 1000 
 
\t \t \t }); 
 
\t \t \t 
 
\t \t \t this.watchID = navigator.geolocation.watchPosition((position) => { 
 
\t \t  \t \t var lastPosition = JSON.stringify(position); 
 
\t \t  \t this.setState({lastPosition}); 
 
\t \t  }); 
 
\t \t  } 
 
\t \t } 
 

 
\t componentWillUnmount() { 
 
\t navigator.geolocation.clearWatch(this.watchID); 
 
\t } 
 

 
\t render() { 
 
\t  \t \t return ( 
 
\t  \t \t \t <div className="main"> 
 
\t  \t \t \t \t <h1> Initial position: {this.state.initialPosition} </h1> 
 
\t  \t \t \t \t <h1> Current position: {this.state.lastPosition} </h1> 
 
\t  \t \t </div> 
 
\t  \t \t); 
 
\t  \t } 
 
} 
 
export default GeoLocation;

來源

2017-05-02 HelpingHand