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

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图像，直到它被获取，您可以显示占位符图像或加载指示器。成功获取图像后，您可以更改图像的来源并显示缓存中的图像。