react native expo中从后台加载应用程序时如何加载启动画面

【问题标题】：How to load spash screen when app loading from background in react native exporeact native expo中从后台加载应用程序时如何加载启动画面
【发布时间】：2020-10-03 15:05:21
【问题描述】：

我正在使用 react native expo 来构建应用程序。我现在面临一个大问题。当应用程序从后台加载时，我想加载启动画面。场景，

当我打开应用程序时，它会加载启动画面，然后转到主屏幕。
然后使用硬件返回按钮进入应用程序后台，然后再次打开应用程序

现在，当我从后台加载应用程序时，总是在加载启动画面之前显示主屏幕

当使用“BackHandler.exitApp()”使用硬件后退按钮时，我尝试终止该应用程序，但它不会终止该应用程序。

我想先加载启动画面，然后转到主屏幕。

谁能帮我解决这个问题

【问题讨论】：

标签： reactjs expo screen native splash-screen

【解决方案1】：

您可以参考 SplashScreens https://docs.expo.io/versions/latest/sdk/splash-screen/ 和 https://docs.expo.io/guides/splash-screens/ 上的 Expo 文档。如果这些没有帮助，您应该发布您的主应用程序屏幕的代码 sn-p 以及用于在应用程序加载时集成和隐藏启动屏幕的代码。

【讨论】：

感谢更新。这里的问题是，当重新打开应用程序（它已经在最近的应用程序中）时，它会重新加载主屏幕而不通过渲染代码。它只是从缓存数据中加载。因此更改不受影响。我使用 AppState 来管理状态。我使用了 AppState，当应用程序进入后台时，当应用程序返回前台时，逻辑不执行。
我认为您应该尝试在要运行的函数之前运行“SplashScreen.preventAutoHideAsync()”，最后在要运行的代码行结束时运行“SplashScreen.hideAsync()”。（这可以在您要运行的代码部分之后的 componentDidMount() 中）