显示启动画面或加载指示器，直到所有图像都准备好 |世博会|反应原生

Posted 2023-05-07

【中文标题】显示启动画面或加载指示器，直到所有图像都准备好 |世博会|反应原生

【英文标题】：Show splash screen or loading indicator until ALL images are ready | Expo | React Native

【发布时间】：2022-01-17 14:10:05

【问题描述】：

我的图片需要很长时间才能加载，我想要一种方法来显示一些指示符，除非所有图片都已加载，我该怎么做

我正在使用 react native 和 expo。

我看到为了检测图像的加载进度，使用了 onLoadEnd() 回调，但是我有很多图像，并且将回调添加到所有图像似乎不是最好的方法， 我希望如果有其他方法可以做到这一点

谢谢

【参考方案1】：

如果您按照此处的文档进行操作

https://docs.expo.dev/versions/latest/sdk/splash-screen/

您将看到一个初始屏幕，该屏幕将在本机应用加载时开始出现，并在加载所有 javascript 后消失。

理想情况下，您希望在初始导航屏幕上隐藏它。

【讨论】：

是否考虑到图片是从uris下载并加载的？

加载完所有图片后隐藏启动画面。

您好，感谢您的回复，我这里和那里有很多图片，我必须为每个图片添加 onLoadEnd 吗？我希望有更好的方法

您可以使用Promise.all 等待所有加载完毕并在resolve 回调中隐藏启动画面

类似snack.expo.dev/@dittmarconsulting/dbcdce