无法使用expo（Metro 捆绑程序）将代码输出显示到手机屏幕或网络浏览器上

Question

网络浏览器显示“未捕获错误 没有可用的安全区域值。确保您在应用程序顶部渲染

<SafeAreaProvider>

。”然后在手机 (Expo Go) 上显示“欢迎来到 Expo，在 C: ... 目录中创建一个文件” “触摸C：用户\ ....app/index.js” 如何解决此问题，以便我的手机可以显示带有“家”一词的布局？

这是我在app文件夹>index.js文件下的代码：

import { View, Text} from 'react-native';

const Home = () => 
 {
    return(

        <View>
            <Text>Home</Text>
        </View>

    )
}

export default Home;

我的应用程序文件夹中有另一个文件，名为 _layout.js：

`import { Stack } from 'expo-router';

const Layout = () => 
{
    return <Stack />;
}

export default Layout;`

我尝试导入 safeview 并用它包围视图，但没有成功。

Answer 1

如果您从 expo 49 迁移到 50 或 51 后到达这里，请检查

此答案。如果您要使用 expo-router 创建新项目，请使用 expo 教程 并检查您是否遵循正确版本的教程。我希望这有帮助