您似乎没有正确接收导航对象。如果这是您使用的 component ，请使用 useNavigation 函数。

useNavigation is a hook which gives access to navigation object. It's useful when you cannot pass the navigation prop into the component directly, or don't want to pass it in case of a deeply nested child.

import { useNavigation } from '@react-navigation/native';

export const AuthScreensWelcomeScreen: FunctionComponent<AuthScreensWelcomeScreenProps> = observer((props) => {
...
 const navigation = useNavigation();

...
<Button title="Countinue" containerStyle={{ flex: 1 }} onPress={ ( ) => navigation.navigate('login') }/>

或

You can get access to the root navigation object through a ref and pass it to the RootNavigation which we will later use to navigate .

用法

import { NavigationContainer } from '@react-navigation/native';
import { navigationRef } from './RootNavigation';

export default function App() {
  return (
    <NavigationContainer ref={navigationRef}>{/* ... */}</NavigationContainer>
  );
}

// RootNavigation.js

import * as React from 'react';

export const navigationRef = React.createRef();

export function navigate(name, params) {
  navigationRef.current?.navigate(name, params);
}

// add other navigation functions that you need and export them

// any js module
import * as RootNavigation from './path/to/RootNavigation.js';


export const AuthScreensWelcomeScreen: FunctionComponent<AuthScreensWelcomeScreenProps> = observer((props) => {
// ...

<Button title="Countinue" containerStyle={{ flex: 1 }} onPress={ ( ) => RootNavigation.navigate('login') }/>

在 welcomscreen.tsx 中，尝试将此行：

const {
        navigation
    } = props;

更改为：

const {
        navigation
    } = this.props;

或者，您可以省略该代码片段并像这样更改按钮代码片段：

<Button title="Countinue" containerStyle={{ flex: 1 }} onPress={() => this.props.navigation.navigate('login') }

希望有所帮助。