react-native-maps 未完全加載

Question

我在我的項目中使用了react-native-maps 。 但是，在我縮小或在 map 內導航后，map 變為空白，如圖所示，因為它沒有加載。 解決方案是什么？

這是代碼片段：

<MapView
        ref={mapRef}
        provider={PROVIDER_GOOGLE}
        showsUserLocation={true}
        showsMyLocationButton={true}
        zoomEnabled={true}
        style={styles.map}
        initialRegion={initialOrigin}
        onRegionChangeComplete={initialOriginChangeHandler}>
        <Marker
          coordinate={{
            latitude: initialOrigin.latitude,
            longitude: initialOrigin.longitude,
          }}
        />
      </MapView>

Answer 1

首先，暫時避免在https://console.cloud.google.com/上限制您的 google API。 其次，添加flex:1; height:400; width:400 flex:1; height:400; width:400 flex:1; height:400; width:400從react-native-maps到您的 MapView。