Google地图是隐藏的，并且在我将其设置为动画时不会显示，请参阅问题中的图像以了解我的意思

Question

Google地图是隐藏的，在我将其设置为动画时不会显示，如图所示

地图运行良好，一切正常，但问题是它没有显示任何内容

​

​

这是我的代码，

<MapView.Animated
          ref={mapRef}
          region={currentRegion}
          provider={PROVIDER_GOOGLE}
          style={{flex: 1}}
          onRegionChange={() => setRegion(region)}
          onPress={coordinate => {
            console.log(coordinate.nativeEvent.coordinate);
            return coordinate;
          }}>
          {ads.map((item, index) => (
            <Marker key={index} coordinate={item.region}>
              <Image
                style={{width: 26, height: 28}}
                resizeMode="contain"
                source={require('../../assets/map/marker.png')}
              />
              <Callout tooltip>
                <View style={styles.markerTitleContainer}>
                  <Text numberOfLines={2} style={styles.markerTitle}>
                    {item.title}
                  </Text>
                </View>
              </Callout>
            </Marker>
          ))}
        </MapView.Animated>

另一个问题是，我正在使用typescript，并在该行下面显示警告，

region={currentRegion}

“没有重载与此调用匹配。重载1/ 2，‘(属性: MapViewProps | Readonly)：动画’，给出了以下错误。类型'AnimatedRegion‘不可分配给类型'Region’。属性'latitude‘的类型不兼容。类型'Value’不能分配给类型'number‘。重载2，’(属性: MapViewProps，上下文:任何)：动画‘，给出了以下错误。类型'AnimatedRegion’不能分配给类型‘Region’。is (2769)”

Answer 1

如果您删除部分provider={PROVIDER_GOOGLE} Ios地图可以使用，但如果您想要使用谷歌地图，只需为ios创建一个新API键