memory - 使用数百个相同图像时内存不足

Question

描述

我正在使用 react-native-maps 在地图上绘制大约 750 个标记。每个标记都使用相同的图像

复制步骤和示例代码

const markerImage = <Image source={images.marker} />;
export default class Main extends Component {
  render() {
    return (
      <MapView style={StyleSheet.absoluteFill}>
        { coordinates.map(coordinate => {
          return (
            <Marker
              key={coordinate.id}
              coordinate={coordinate}
              children={markerImage}
            />
          );
        })}
      </MapView>
    )
  }
}

可能的解决方案

重用 UIImage 使用 适用于 iOS 的 Google Maps SDK 优化自定义标记图像性能

但是，我不知道如何在 React Native 中做到这一点，因为 React 抽象了视图层。

附加信息

• React Native 版本：["0.41.2"]
• 反应原生地图：[“^0.13.0”]
• 平台：[两者]
• 开发操作系统：[MacOS]
• 开发工具：[Xcode: 8.3, iPhone 7(10.3), GalaxyS6(6.0.1)]