Кластеры просто появляются, как будто нет анимации.Я тестирую это в симуляторе iOS и устройстве iOS.Я предполагаю, что response-native-maps-super-cluster поставляется с весенней анимацией из коробки.(Аналогично демонстрационному GIF-файлу в README) Все, что мне нужно сделать, это добавить animateClusters={true}
.Пожалуйста, поправьте меня, если я ошибаюсь.
{(this.state.initialPosition!=null && this.state.arr.length > 0)?
<ClusteredMapView
provider={PROVIDER_GOOGLE}
style={styles.mapContainer}
data={this.state.clusterDataArray}
renderMarker={this.renderMarker}
renderCluster={this.renderCluster}
initialRegion={this.state.initialPosition}
ref={(element) => { this.mapRef = element }}
showsUserLocation = {true}
showsMyLocationButton={false}
customMapStyle={CustomMapStyle}
loadingEnabled={true}
rotateEnabled={true}
onRegionChangeComplete={this.onRegionChangeComplete}
>
</ClusteredMapView>
:
null}
renderCluster = (cluster, onPress) => {
const pointCount = cluster.pointCount,
coordinate = cluster.coordinate,
clusterId = cluster.clusterId
return (
<MapView.Marker coordinate={coordinate} onPress={onPress} animateClusters={true}>
<View style={styles.clusterContainer}>
<Text style={styles.clusterText}>
{pointCount}
</Text>
</View>
</MapView.Marker>
)
}
renderMarker = (arrData) => {
return (
<MapView.Marker
image={require('../../icons/blue-marker-pin.png')}
identifier={(arrData.id).toString()}
key={(arrData.id).toString()}
coordinate={arrData.location}
/>
)
}