Question

我刚刚第一次开发一个react-native应用程序。我使用react-native-router-flux进行导航，并且必须创建一个Feed页面，该页面使用react-native Image显示Text和FlatList组件中的Feed。问题是，即使使用localhost，应用程序从远程服务器获取一些数据的速度也很慢。

数据格式化如下

{
    [
        title : "Test title",
        description : "Test Description",
        imageUrl : 'http://192.168.22.22:8887/image.png'
    ],
    [
        title : "Test title 2",
        description : "Test Description 2",
        imageUrl : 'http://192.168.22.22:8887/image2.png'
    ]
}

我试图从浏览器访问api url，它也快速完成。但是当我通过我的本机应用程序访问时，它的速度非常慢。像7秒一样等待页面完成加载获取数据。我认为问题是当我使用来自远程数据的图像时。我是这样做的

<Image
    style={{width: 50, height: 50}}
    source={{uri: HOST_URL + '/' + rowData.imageUrl }}
/>

这有可能提高速度吗？使用加载远程Image影响速度？或者我必须使用延迟图像加载概念加载图像？

Answer 1

如果图像太多，可以将其保存在项目中，并在源代码中使用requie("// the address of image in your project")

React-native应用程序获取http这么慢

1 个答案: