初始化模板“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秒。实现这一点的最佳方法是什么？