性能问题 - 装载太多时间的MapView和高分辨率的图像 - 阵营本地

Question

性能问题：

没有图像和MapView的，推一个视图到另一个。它工作正常，速度非常快。但我会在render（）函数中添加高分辨率图像和MapView。加载需要时间。

请在render（）方法中加载图像和Mapview的最佳解决方案。目前我将在Render（）函数中加载图像和mapView。

渲染功能代码：

 render(){ 
     const { navigate } = this.props.navigation; 
     return (
      <View style = {styles.container}> 

    **HIGH RESOLUTION IMAGE.** 

       <Image style = {styles.imageSty} 
        source={require('./Images/background.png')} 
       /> 
    **MAP VIEW** 

      <MapView style = {{marginLeft: 40, marginRight: 40, width : Dimensions.get('window').width - 80, marginTop : 10 , height : 100, justifyContent: 'center' ,alignItems: 'center'}} 
        region={this.state.region} 
        onRegionChange={this.onRegionChange} 
       />  
      </View> 
     ) 
} 

Answer 1

可以fetch图像并直到其取出就可以显示一个占位符图像或负载指示。成功获取图像后，您可以更改图像的来源并从缓存中显示图像。