如何使用大量标记改善react-native-map的性能？

Question

我使用反应原生地图。在地图上使用标记会大大降低性能。如何使用大量标记改善地图的性能？

ShouldComponentUpdate - 没有帮助。

Answer 1

事实证明，通过两步来提高性能：

1. 为MapView.Marker添加tracksViewChanges = {false}
2. 标记的shouldComponentUpdate

<MapView.Marker 
  coordinate={{ latitude, longitude }} 
  tracksViewChanges={false}
>
   <View> ... </View>
</MapView.Marker>

shouldComponentUpdate(nextProps) {
        return nextProps.latitude !== this.props.latitude && nextProps.longitude !== this.props.longitude;
    }