javascript - React native error => TypeError: undefined is not an object (evalating 'Object.keys(routeConfigs)')

Question

我是 React-native 的新手，我的反应导航遇到了一些困难。Expo 向我发送一个错误：TypeError: undefined is not an object (evalating 'Object.keys(routeConfigs)')，而且我不知道如何修复它......有人有想法吗？

提前感谢您的回归！这是我的代码。

import * as React from 'react';
import { StatusBar } from 'expo-status-bar';
import { StyleSheet, Text, View, Button, ImageBackground, Image, TouchableOpacity} from 'react-native';
import { createStackNavigator } from 'react-navigation-stack';
import { NavigationContainer } from '@react-navigation/native';

function PhotosScreen ({ navigation }) {

  return(

<View style={styles.container}>
  <StatusBar style={styles.bar} barStyle="dark-content" hidder={false} backgroundColor='#912e2e'/>
  <ImageBackground style={styles.fond} source={require('./Images/accueil.png')}></ImageBackground>
  <Image source={require('./Images/Histoire.jpg')} style={styles.histoire} />
  <Button title="test" onPress={() => navigation.navigate('Histoire')}/>
  <Text style={styles.Text1}> Histoire </Text>
</View>
)}


function HistoireScreen() {


return(
<View style={{flex: 1, alignItems: 'center', justifyContent: 'center' }}>
  <Text>Details Screen</Text>
</View>
);
}

const Stack = createStackNavigator();

function App() {


return (
<NavigationContainer>
  <Stack.Navigator initialRouteName ='Photos'>
    <Stack.Screen name="Photos" component={PhotosScreen} />
    <Stack.Screen name="Histoire" component={HistoireScreen} />
  </Stack.Navigator>
</NavigationContainer>


 );
}

标签： javascriptreactjsreact-native