Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/432.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 预加载图像以加快显示速度_Javascript_Image_React Native - Fatal编程技术网

Javascript 预加载图像以加快显示速度

Javascript 预加载图像以加快显示速度,javascript,image,react-native,Javascript,Image,React Native,目前,我正在使用“React native”构建一个iOS应用程序 当通过source={{uri:…}}从internet加载图像时,我当前注意到在“Image”元素中显示图像时出现了一个问题。有时,我看到一个短暂的白色闪光的图像,好像它是重新加载的图像。这种重新加载与我将图像从一个“图像”元素转移到另一个“图像”元素的事实有关 但是,在使用本地映像(例如,来自XCode)时,不会出现这种“白色闪烁”。我现在的想法是预加载图像并“本地”保存,然后使用本地图像作为“图像”组件的源,而不是URL。

目前,我正在使用“React native”构建一个iOS应用程序

当通过
source={{uri:…}}
从internet加载图像时,我当前注意到在“Image”元素中显示图像时出现了一个问题。有时,我看到一个短暂的白色闪光的图像,好像它是重新加载的图像。这种重新加载与我将图像从一个“图像”元素转移到另一个“图像”元素的事实有关

但是,在使用本地映像(例如,来自XCode)时,不会出现这种“白色闪烁”。我现在的想法是预加载图像并“本地”保存,然后使用本地图像作为“图像”组件的源,而不是URL。这也会减少产生的流量


你能告诉我怎么做吗?我在“图像”文档中读到,您可以将本地图像作为源,但我还不知道如何“动态”创建它们。

最新的RN现在包括一些预取功能。查看并查看两种方法:

getSize
prefetch


如果您使用的是较旧的版本,您也可以阅读此票据,了解如何在iOS中启用自己的预取:

此问题以前有人问过,请查看预加载图像的简单方法!我以前发现过这个线程,但不确定它是否对react-native也有效-是吗?我不确定,我以前没有使用react-native,但乍一看我不明白为什么它不有效?好吧,我包括了一个带有的图像,但我还没有连接到此处的另一个线程我看不出这对react-native是如何有效的