React native 本机应用程序获取http的反应如此之慢
我只是第一次开发react本机应用程序。我正在使用React native 本机应用程序获取http的反应如此之慢,react-native,react-native-router-flux,react-native-flatlist,react-native-image,React Native,React Native Router Flux,React Native Flatlist,React Native Image,我只是第一次开发react本机应用程序。我正在使用react native router flux进行导航,必须创建一个提要页面,使用react nativeFlatList显示提要中的Image和Text组件。问题是,应用程序从远程服务器获取数据的速度太慢,甚至使用localhost 数据的格式如下所示 { [ title : "Test title", description : "Test Description", imageUrl
react native router flux
进行导航,必须创建一个提要页面,使用react nativeFlatList
显示提要中的Image
和Text
组件。问题是,应用程序从远程服务器获取数据的速度太慢,甚至使用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,而且速度也很快。但当我通过我的react本机应用程序访问时,速度太慢了。等待页面加载获取数据需要7秒钟。我想问题是当我使用来自远程数据的图像时。我要这样做
<Image
style={{width: 50, height: 50}}
source={{uri: HOST_URL + '/' + rowData.imageUrl }}
/>
这能提高速度吗?使用加载遥控
图像是否会影响速度?或者我必须使用惰性图像加载概念加载图像?如果您没有太多图像,可以将它们保存在项目中,并在源代码中使用require(//项目中图像的地址”)
如果您没有太多图像,可以将它们保存在项目中并使用require(“//项目中图像的地址”)
在源代码中您是否在获取数据时进行远程调试?在某些情况下,关闭“远程调试”非常有帮助。愚蠢的问题但值得一提:您是否在模拟器中运行,是否设置了网络速度限制?基本上,我在手机上使用wifi调试,而没有”远程调试“btwAre你在获取数据时进行远程调试吗?在某些情况下,关闭“远程调试”非常有帮助。愚蠢的问题,但值得一提的是:你是否在模拟器中运行,是否设置了网络速度限制?基本上,我在手机上使用wifi调试,而没有“远程调试”btw