android - react-native-maps 未完全加载

Question

我在我的项目中使用了react-native-maps 。但是，在我缩小或在地图内导航后，地图变为空白，如图所示，因为它没有加载。解决方案是什么？

这是代码片段：

<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>

标签： androidreact-nativereact-native-maps

Answer 1

首先，暂时避免在https://console.cloud.google.com/上限制您的 google API 。其次，flex:1; height:400; width:400从react-native-maps.