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

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

1 个答案: