Question

如何在React Native中从子部门导航到父母

2022-04-25

1557

reactjs react-native react-navigation react-native-navigation react-navigation-stack

我有多个嵌套的导航（堆栈和底部图），我想从导航器的孩子导航到顶部。考虑以下示例：

408840720

说我想从注册屏幕移动到应用程序，然后导航到家庭组件，我该怎么做，这也是关于{独立：true}选项的工作方式的解释，也将受到赞赏

Answer 1

如前面的回答和评论中所述，您使用了两次 NavigationContainer 。您不能这样做。如果您想导航回父屏幕，可以使用 navigation.goBack() 。

Answer 2

您使用的编码格式错误

使用这个，

import { NavigationContainer } from "@react-navigation/native";
import { createNativeStackNavigator } from "@react-navigation/native-stack";

function AuthNav() {
  const Stack = createNativeStackNavigator();
  return (
    
      <Stack.Navigator>
        <Stack.Screen
          name="Signup"
          component={Signup}
          options={{ headerShown: false }}
        />
        <Stack.Screen
          name="Login"
          component={Login}
          options={{ headerShown: false }}
        />
      </Stack.Navigator>
    
  );
} 

function App() {
  return (
    <NavigationContainer>
      <Stack.Navigator>
        <Stack.Screen
          name="Auth"
          component={AuthNav}
          options={{ headerShown: false }}
        />
        <Stack.Screen name="Feed" component={Home} />
      </Stack.Navigator>
    </NavigationContainer>
  );
}

我希望它能解决您的问题。