javascript - 渲染屏幕时在 React Native 中显示加载指示器

Question

我正在使用 React Native 制作应用程序，但我有疑问。我有一个带有各种屏幕的导航器。当屏幕很小/容易时，导航是即时的并且感觉很快，但是当我需要导航到的屏幕很大/显示很多图标/图像等时，当我按下导航按钮时屏幕会冻结，直到它渲染屏幕，然后导航到那里。

发生这种情况时，有什么方法可以显示加载指示器吗？因为我的屏幕需要 500 到 1000 毫秒来渲染，并且冻结会使用户体验变得糟糕。

标签： javascriptreactjsreact-native

Answer 1

如果您使用的是 Expo，请尝试使用该<AppLoading />组件，这允许之前加载一些文件，例如图像。这是文档的链接 https://docs.expo.io/versions/latest/sdk/app-loading/