Expo构建React Native应用启动页卡住无法隐藏问题求助

代码中的关键错误点： #

• 缺失核心模块导入：
  • 调用了Entypo.font但未导入Entypo图标库，导致字体加载失败，appIsReady永远无法设为true，启动页无法隐藏。
  • 使用useCallback钩子但未从react导入，触发运行时错误。
  • 使用<View>组件但未从react-native导入，导致渲染失败。
• SplashScreen逻辑错误：
  • SplashScreen.preventAutoHideAsync()直接写在组件外部，异步执行时机不合理，可能导致启动页控制异常。
  • return null;后多余的反引号` `造成语法错误，阻止组件渲染。
• 导航容器为空：
  NavigationContainer内部无实际导航代码，即使启动页隐藏，界面也会处于空白状态。

修复步骤： #

1. 补全缺失导入：

import { View, StyleSheet } from 'react-native';
import { Entypo } from '@expo/vector-icons';
import React, { useEffect, useState, useCallback } from 'react';

2. 调整SplashScreen执行时机：
   将preventAutoHideAsync移到prepare函数内部，确保异步逻辑顺序执行：

async function prepare() {
  try {
    await SplashScreen.preventAutoHideAsync();
    await Font.loadAsync(Entypo.font);
    await new Promise(resolve => setTimeout(resolve, 2000));
  } catch (e) {
    console.warn(e);
  } finally {
    setAppIsReady(true);
  }
}

3. 修复语法错误：
   删除return null;后的多余反引号：

if (!appIsReady) {
  return null;
}

4. 完善导航容器内容：
   添加实际的Tab导航配置，示例如下：

<NavigationContainer>
  <Tab.Navigator>
    <Tab.Screen name="Home" component={HomeScreen} />
    <Tab.Screen name="Favourites" component={FavouritesScreen} />
    <Tab.Screen name="More" component={MoreOptions} />
  </Tab.Navigator>
</NavigationContainer>

内容的提问来源于stack exchange，提问作者Gouri Bhise