【问题标题】:Show splash screen or loading indicator until ALL images are ready | Expo | React Native显示启动画面或加载指示器,直到所有图像都准备好 |世博会|反应原生
【发布时间】:2022-01-17 14:10:05
【问题描述】:

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

我正在使用 react native 和 expo。

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

谢谢

【问题讨论】:

    标签: android react-native image expo


    【解决方案1】:

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

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

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

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

    【讨论】:

    • 是否考虑到图片是从uris下载并加载的?
    • 加载完所有图片后隐藏启动画面。
    • 您好,感谢您的回复,我这里和那里有很多图片,我必须为每个图片添加 onLoadEnd 吗?我希望有更好的方法
    • 您可以使用Promise.all 等待所有加载完毕并在resolve 回调中隐藏启动画面
    猜你喜欢
    • 2017-08-10
    • 2020-05-07
    • 1970-01-01
    • 2017-05-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-11-15
    相关资源
    最近更新 更多