警告：失敗的道具類型：必填道具'region.latitude'未指定

Question

我遇到問題，但不知道它是否與此鏈接。

當我從Android Studio在Android模擬器上運行我的地圖時，出現此警告，我在Palo Alto上的Google plex上大地定位，而不是在我的實際地理位置上。是因爲我使用模擬器嗎？

這裏是我的代碼，如果你想查詢：

Map.js

import React, { Component } from 'react'; 
import Geolocation from '../geolocation/Geolocation'; 
import Shops from '../shops/Shop'; 
import { 
    Text, 
    View 
} from 'react-native'; 
import MapView from 'react-native-maps'; 
import styles from './Style'; 

class Map extends Geolocation { 

    render() { 
    return (
     <View> 
     <MapView style={styles.map} 
     region={{ 
      latitude: this.state.position.coords.latitude, 
      latitudeDelta: 0.001, 
      longitude: this.state.position.coords.longitude, 
      longitudeDelta: 0.001 
     }} /> 
     <Shops /> 
     </View> 
    ); 
    } 
} 

export default Map; 

Geolocation.js你的答案

import React, { Component } from 'react'; 
import styles from './Style'; 

class Geolocation extends Component { 

    constructor(props) { 
     super(props); 
     this.state = { 
      position : { 
       coords: {} 
      } 
     } 
    } 

    componentDidMount() { 
     navigator.geolocation.getCurrentPosition(
      (position) => { 
       this.setState({position}); 
      }, 
      (error) => alert(error.message), 
      {enableHighAccuracy: true, timeout: 20000} 
     ); 
     navigator.geolocation.watchPosition((position) => { 
      this.setState({position}); 
     }); 
    } 
} 

export default Geolocation; 

感謝，如果您有任何想法，我這個問題有點失落。

Answer 1

我相信這是因爲你分配了從this.state.position.cords對象MapView座標，其初始渲染將未定義cords.latitude和cords.longitude，從而投擲propTypes警告。

在構造函數中初始化它們以避免這種情況。

constructor(props) { 
    super(props); 
    this.state = { 
     position : { 
      coords: { 
       latitude: 0, 
       longitude: 0 
      } 
     } 
    } 
} 

Answer 2

緯度和經度可以改變。

啓動從Android的工作室（工具 - > Android的 - > Android設備監視器）的Android設備監視器

切換到模擬器控制選項卡和位置控制組更改。