在屏幕之间反应本机导航

ABDULRAHMAN RAIES 发表于 Dev

阿卜杜勒·拉曼·雷

我试图在两个屏幕之间导航，但是在我运行代码时出现错误的代码在这里不起作用

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

import {MainPage, ListPage, DetailPage} from './pages';

const Stack = createStackNavigator();

function App() {
  return (
    <NavigationContainer>
      <Stack.Screen name="Main" component={MainPage}  />
      <Stack.Screen name="List" component={ListPage} />
      <Stack.Screen name="Detail" component={DetailPage} />
      
    </NavigationContainer>
  );
}

export default App;

萨奇科技

将您的代码更新为以下代码。

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

import {MainPage, ListPage, DetailPage} from './pages';

const Stack = createStackNavigator();

function App() {
  return (
    <NavigationContainer>
      <Stack.Navigator>
        <Stack.Screen name="Main" component={MainPage}  />
        <Stack.Screen name="List" component={ListPage} />
        <Stack.Screen name="Detail" component={DetailPage} />
      </Stack.Navigator>
    </NavigationContainer>
  );
}
export default App;

您可以在此处找到有关如何使用Stack Navigator的更多详细信息。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。