创建堆栈导航器时出现 expo app错误

Question

当我写这个时，我一直得到错误:

const Stack = createStackNavigator();

我已经安装了所有需要的东西，但是它给了我这个错误

undefined不是对象(求值' object .keys(routeConfigs)')

下面是我的代码:

import { StatusBar } from 'expo-status-bar';
import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import {Home} from './screens/homepage/home';
import { useFonts } from 'expo-font';
import { NavigationContainer, StackActions } from '@react- 
navigation/native';
import { createStackNavigator } from 'react-navigation-stack';
export default function App() {

function HomeScreen() {
return(
<View>
<Text>Hello</Text>
</View>
)
}
const Stack = createStackNavigator();
let [fontsLoaded] = useFonts({
'Main': require('./assets/century.ttf'),
'Main-Bold': require('./assets/century-bold.ttf')
});
if(!fontsLoaded) {
return <Text>Waiting...........</Text>
}
return (
<NavigationContainer>
<Stack.Navigator>
<Stack.Screen style={styles.container} name="Home" component= 
{HomeScreen}/>
</Stack.Navigator>
</NavigationContainer>
);
}

const styles = StyleSheet.create({
container: {  
height:'100%',
backgroundColor:'#141F2B',
},
});

Answer 1

尝试安装@react-navigation/stack和@react-navigation/native，然后尝试这样做:

import { createStackNavigator } from "@react-navigation/stack";
import { NavigationContainer } from "@react-navigation/native";
const Stack = createStackNavigator();
<NavigationContainer>
<Stack.Navigator>
<Stack.Screen
style= {styles.container} 
name= "Home" 
component= {HomeScreen}
/>
</Stack.Navigator>
</NavigationContainer>