在显示闪屏时反应本机加载图像

Question

感谢您来到这里。 我正在使用 React Native 开发一个应用程序，并遇到了一个关于图像加载的新问题。

感谢斯宾塞，我现在能够制作渐进式图像 https://medium.com/react-native-training/progressive-image-loading-in-react-native-e7a01827feb7

但是，我现在想要的是立即加载图像，而不是显示占位符。有什么方法可以在显示启动屏幕时加载图像，并可以立即加载图像吗？

对于那些想知道为什么我想要这个的人，我创建了一个动画切换导航器，每个屏幕都有其背景图像，这些图像是具有不同颜色的相同图案，因此当导航到另一个选项卡时，图像看起来像是有动画的。

Answer 1

您是否尝试过在启动画面激活时拨打

prefetch

？您可以设置大约 1 秒的固定超时，这将使应用程序有足够的时间在良好的网络条件下缓存所有图像。

文档

Image.prefetch(url);

通过将远程图像下载到磁盘缓存来预取远程图像以供以后使用

如果您想要更多控制，还可以查看 react-native-fast-image