Javascript 反应本机+；世博会：等待时间和页面完成后，启动屏幕关闭

初始化模板“tabs”Expo项目后，React本机应用程序的启动例程如下所示：

React.useEffect(() => {
  async function loadResourcesAndDataAsync() {
    try {
      SplashScreen.preventAutoHide();

      // Load our initial navigation state
      setInitialNavigationState(await getInitialState());

      // Load fonts
      await Font.loadAsync({
        ...Ionicons.font,
        'space-mono': require('./assets/fonts/SpaceMono-Regular.ttf'),
      });
    } catch (e) {
      // We might want to provide this error information to an error reporting service
      console.warn(e);
    } finally {
      setLoadingComplete(true);

      SplashScreen.hide();
    }
  }

  loadResourcesAndDataAsync();
}, []);

关于让“闪屏停留更长时间”，只需演示：

import { SplashScreen } from 'expo';

SplashScreen.preventAutoHide();
setTimeout(SplashScreen.hide, 5000);

问题是，如果仍在渲染背景/下一个视图，我希望启动屏幕保持不动，而不是简单地等待任意时间。例如，如果渲染时间需要0.2秒，并且我希望启动页面启动2秒，我希望启动页面在2秒时关闭。如果渲染时间需要2.8秒，我希望启动页面保持2.8秒。实现这一点的最佳方法是什么？

尝试“componentDidMount”生命周期功能。

以下是想法：

首先渲染初始屏幕，在 启动屏幕的“componentDidMount”功能，开始渲染 下一个屏幕/背景部分/附加部分

一旦下一个屏幕/背景类/附加类 在该类的“componentDidMount”中，呈现状态为（splash类或全局存储，如redux/mobox）的更新标志，以通知 启动屏幕“准备就绪”

最后，在启动屏幕中，创建一个计时器，在示例2之后 秒，每100毫秒检查一次旗帜的状态，如果准备好了， 那就走吧

顺便说一下，如果下一个屏幕的加载速度不是那么慢，我认为这有点过火了