React-native 应用程序获取 http 太慢了答案

【问题标题】：React-native application fetch http so slowReact-native 应用程序获取 http 太慢了
【发布时间】：2017-06-07 06:01:47
【问题描述】：

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

数据的格式是这样的

{
    [
        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，它也做得很快。但是当我通过我的 react-native 应用程序访问时，它太慢了。像 7 秒等待页面完成加载获取数据。我认为问题出在我使用来自远程数据的图像时。我就是这样子的

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

这样可以提高速度吗？使用加载遥控器Image会影响速度吗？或者我必须使用惰性图像加载概念来加载图像？

【问题讨论】：

你在获取数据的同时进行远程调试吗？在某些情况下，关闭“远程调试”会有很大帮助。
愚蠢的问题，但值得一提：你是在模拟器中运行并且设置了网络速度限制吗？
基本上，我在手机上使用 wifi 调试，没有“远程调试”顺便说一句

标签： react-native react-native-router-flux react-native-flatlist react-native-image

【解决方案1】：

如果你没有太多图片，你可以将它们保存在你的项目中，并在源代码中使用requie("// the address of image in your project")

【讨论】：