这样，您就可以在 页面之间切换 。

import React from 'react';
import { View, Text, Button } from 'react-native';
import { createStackNavigator } from '@react-navigation/stack';
import { NavigationContainer } from '@react-navigation/native';

const Stack = createStackNavigator();

const Home = ({navigation}) => {
  return(
    <View>
      <Text>Home Screen</Text>
      <Button title="Go to Profile Screen" onPress={()=> navigation.navigate('Profile') }  />
    </View>
  )
}

const Profile = ({navigation}) => {
  return(
    <View>
      <Text>Profile Screen</Text>
      <Button title="Go to Home Screen" onPress={()=> navigation.navigate('Home')} />
    </View>
  )
}


export default function App() {
  return (
    <NavigationContainer>
      <Stack.Navigator>
        <Stack.Screen name="Home" component={Home} />
        <Stack.Screen name="Profile" component={Profile} />
      </Stack.Navigator>
    </NavigationContainer>
  );
}

如有必要，您可以添加底部 标签导航 并创建更好的视图。

import React from 'react';
import { View, Text, Button } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';

const Tab = createBottomTabNavigator();

const Home = () => {
  return(
    <View>
      <Text>Home Screen</Text>
    </View>
  )
}

const Profile = () => {
  return(
    <View>
      <Text>Profile Screen</Text>
    </View>
  )
}

export default function App() {
  return (
    <NavigationContainer>
      <Tab.Navigator>
        <Tab.Screen name="Home" component={Home} />
        <Tab.Screen name="Profile" component={Profile} />
      </Tab.Navigator>
    </NavigationContainer>
  );
}

我不确定您尝试使用路由 prop 访问什么，它里面有一个名称、索引和 params（导航时传递给组件的参数，我认为您要访问的就是这些参数）对象。 这是您如何使用它的一个例子

    //The Home component
    const Home = ({navigation) => {
          return ( 
                 <TouchableOpacity onPress = {
                  () => navigation.navigate("Profile", {
                      name: "Sam"
                  }) >
                      <Text > Send me to profile with the name sam < /Text> 
                  </TouchableOpacity >
              )
        };

//The component to be navigated to which will have the name sam
const Profile = ({route) => {
    return ( 
            <Text >Hello {route.params.name} < /Text>
        )
};