无法读取未定义的属性“StackView”

我尝试实现 React 导航，但尽管我的代码结构符合导航标准，却仍然遇到很多错误。我不知道是什么错误导致我无法导航组件。

我使用的是裸 react-native，而不是 expo

我原本希望能够从其他组件导航而不会出现这些问题。希望有人能解决这个问题。谢谢

App.js

import { StatusBar } from 'expo-status-bar';
import { StyleSheet, Text, View } from 'react-native';
import * as React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import AppNavigator from './components/AppNavigator';
import {StorageCon} from './components/StorageCon';

export default function App() {
  return (
    <NavigationContainer>
   
      <AppNavigator/>
   
    </NavigationContainer>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

AppNavigator.js

import { createStackNavigator } from "@react-navigation/stack";
import TitlescreenPage from "./TitlescreenPage";

const Stack = createStackNavigator();

const AppNavigator=()=>{

    return(
        <>
        <Stack.Navigator>
            <Stack.Screen name = "titlescreen" component={TitlescreenPage} />
        </Stack.Navigator>

        </>
    );
};

export default AppNavigator;

在此处输入图片描述 在此处输入图片描述