如何使用大量标记来提高本机图的性能?

时间:2019-03-28 14:45:48

标签: react-native react-native-maps

我使用反应性本机地图。在地图上使用标记会大大降低性能。如何改善带有大量标记的地图的性能?

ShouldComponentUpdate-没有帮助。

1 个答案:

答案 0 :(得分:0)

事实证明,通过执行以下两个步骤可以提高性能:

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