Reactjs 性能问题-加载MapView和高分辨率图像的时间太长-本机响应

性能问题：

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

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

渲染函数代码：

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

render（）{
const{navigate}=this.props.navigation；
返回(
**高分辨率图像**
**地图视图**
)
}

您可以

获取图像，在获取图像之前，您可以显示占位符图像或加载指示器。成功获取图像后，您可以更改图像源并从缓存中显示图像。
Nop。它的静态背景图像。那么，为什么要调用web服务和fetch呢。还有MapView，你在导航组件中使用的是什么？你能给我一点你的代码吗？也许这将有助于发现它是否与组件的渲染方式有关。这不是一个很好的解决方案，但您可以尝试在组件挂载后添加图像和地图视图。在componentDidMount上设置状态变量，并在渲染MapView和Image之前进行检查。通过这种方式，场景将快速推送，然后您可以显示所需的组件。我发现您可以延迟加载组件<代码>//这对于惰性地需要屏幕非常方便：getScreen:（）=>require（'Settings'）。默认值，