React Native Maps MapView.fitToCoordinates 在測試時崩潰應用程序（Expo）

Question

使用 MapView.fitToCoordinates 時，應用程序關閉且沒有錯誤消息：

import { StatusBar } from 'expo-status-bar';
import React, {useRef} from 'react';
import { StyleSheet, Text, View, Dimensions} from 'react-native';
import MapView, {Marker} from 'react-native-maps';


export default function App() {
  const mapRef = useRef(null);

  return (
    <View style={styles.container}>
      <MapView 
        ref={mapRef}
        style={{
          flex: 1,
          width: Dimensions.get('window').width,
        }}
        onLayout={()=>{
          mapRef.current.fitToCoordinates({latitude: 34.5, longitude: 82.5})
        }}
      >
      </MapView>
      <StatusBar style="auto" />
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

為什么會這樣？

Answer 1

如果您使用的是 expo ，則應從expo而不是react-native-maps導入。 Expo 確實已經包含 react-native-maps。

示例： import { MapView, Marker } from 'expo';

這里有關於帶有 expo 的 react-native-maps 的更詳細答案： https://stackoverflow.com/a/57598895/13990578

Answer 2

.fitToCoordinates() 需要一個數組而不是 object。

如果您需要在地圖組件上呈現初始位置，MapView 有一個 initialRegion 道具。 您使用 onLayout 的實際目標是什么？