Javascript 预加载图像以加快显示速度
目前,我正在使用“React native”构建一个iOS应用程序 当通过Javascript 预加载图像以加快显示速度,javascript,image,react-native,Javascript,Image,React Native,目前,我正在使用“React native”构建一个iOS应用程序 当通过source={{uri:…}}从internet加载图像时,我当前注意到在“Image”元素中显示图像时出现了一个问题。有时,我看到一个短暂的白色闪光的图像,好像它是重新加载的图像。这种重新加载与我将图像从一个“图像”元素转移到另一个“图像”元素的事实有关 但是,在使用本地映像(例如,来自XCode)时,不会出现这种“白色闪烁”。我现在的想法是预加载图像并“本地”保存,然后使用本地图像作为“图像”组件的源,而不是URL。
source={{uri:…}}
从internet加载图像时,我当前注意到在“Image”元素中显示图像时出现了一个问题。有时,我看到一个短暂的白色闪光的图像,好像它是重新加载的图像。这种重新加载与我将图像从一个“图像”元素转移到另一个“图像”元素的事实有关
但是,在使用本地映像(例如,来自XCode)时,不会出现这种“白色闪烁”。我现在的想法是预加载图像并“本地”保存,然后使用本地图像作为“图像”组件的源,而不是URL。这也会减少产生的流量
你能告诉我怎么做吗?我在“图像”文档中读到,您可以将本地图像作为源,但我还不知道如何“动态”创建它们。最新的RN现在包括一些预取功能。查看并查看两种方法:
getSize
和prefetch
如果您使用的是较旧的版本,您也可以阅读此票据,了解如何在iOS中启用自己的预取:此问题以前有人问过,请查看预加载图像的简单方法!我以前发现过这个线程,但不确定它是否对react-native也有效-是吗?我不确定,我以前没有使用react-native,但乍一看我不明白为什么它不有效?好吧,我包括了一个带有的图像,但我还没有连接到此处的另一个线程我看不出这对react-native是如何有效的