性能問題 - 裝載太多時間的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圖像並直到其取出就可以顯示一個佔位符圖像或負載指示。成功獲取圖像後，您可以更改圖像的來源並從緩存中顯示圖像。