性能问题-加载太多时间MapView和高分辨率图像-React Native

Question

性能问题：

在没有图像和mapView的情况下，将一个视图推到另一个视图。它工作得很好，速度也很快。但我将在render((函数中添加高分辨率图像和MapView。加载需要时间。

请选择在render((方法中同时加载图像和Mapview的最佳解决方案。目前我将在Render((函数中加载image和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图像，在提取图像之前，您可以显示占位符图像或加载指示符。成功获取图像后，您可以更改图像的来源并显示缓存中的图像。