navigation.navigate不是反应导航中的功能问题

Question

您好，我尝试使用来自其文档的react Navigation，但是我遇到了一个问题。错误是navigation.navigate未定义，这是我的路线声明：

import 'react-native-gesture-handler';
import React from 'react';
import {
    SafeAreaView,
    StyleSheet,

} from 'react-native';
import { createStackNavigator } from '@react-navigation/stack'
import { createAppContainer } from 'react-navigation';
import { NavigationContainer } from '@react-navigation/native';



import AboutUs from './AboutUs'
import Navigations from './Navigations'
const App: () => React$Node = () => {
    const Stack = createStackNavigator();
    return (
        <NavigationContainer>
            <Stack.Navigator>
                <Stack.Screen name="App" component={App} />
                <Stack.Screen name="AboutUs" component={AboutUs} />
                <Stack.Screen name="Navigations" component={Navigations} />

            </Stack.Navigator>
        </NavigationContainer>
    );
};

这是我的导航按钮：

import React from 'react'
import {
    View, Text,
    Button
} from 'react-native'


const AboutUs = ({ navigation }) => {
    return <View>
        <Text>About us page</Text>
        <Button title='press me' onPress={() => { navigation.navigate('Navigations', name = 'aliiiiiiiiis') }} />
    </View>
}
export default AboutUs;