React native App.js未在Expo中呈现（React Native）

我在尝试使用Expo在react native中查看App.js时遇到渲染错误。我不确定出了什么问题

错误为“元素类型无效：需要字符串（对于内置组件）或类/函数（对于复合组件），但得到：未定义。您可能忘记了从定义组件的文件中导出组件，或者您可能混淆了默认导入和命名导入。”

这是在我添加NavigationContainer和AuthNavigator时发生的

    import React from "react";
import { StyleSheet, View, StatusBar, NavigationContainer } from "react-native";


import AuthNavigator from "./app/navigation/AuthNavigator";

const BAR_HEIGHT = StatusBar.currentHeight;

const styles = StyleSheet.create({
  statusColor: {
    backgroundColor: "#000",
  },
  viewController: {
    flex: 1,
  },
})

export default function App() {
  return (
    <View style={styles.viewController}>
    <StatusBar style={styles.statusColor} />
    <NavigationContainer>
      <AuthNavigator />
    </NavigationContainer>
    </View>
    
  );
}

从“React”导入React；
从“react native”导入{样式表、视图、状态栏、导航容器}；
从“/app/navigation/AuthNavigator”导入AuthNavigator；
常数条高度=StatusBar.currentHeight；
const styles=StyleSheet.create({
状态颜色：{
背景色：“000”，
},
视图控制器：{
弹性：1，
},
})
导出默认函数App（）{
返回(
);
}

您似乎忘记正确导入

导航容器了

您应该从
@react-navigation/native
导入，而不是从
react-native
导入：

从“React”导入React；
从“react native”导入{样式表、视图、状态栏}；
//----------- 您似乎忘记正确导入
NavigationContainer

您应该从
@react-navigation/native
导入，而不是从
react-native
导入：

从“React”导入React；
从“react native”导入{样式表、视图、状态栏}；
//-----------