React-Navigation，嵌套导航问题

Question

我需要根据条件在两个堆栈组之间导航（如果用户允许权限 - 导航到不同的堆栈组，否则停留在用户可以允许权限的屏幕中）。

1. 在应用程序启动之前检查是否授予权限。

const permissionListener = checkPermissions().then(value => {
      if (value) {
        setPermissionsAllowed(value);
        
      } else {
        console.log('Permissions not allowed ');
      }
      
    });

2. 如果是，则允许他们进入特定的堆栈组，如果不是，请将他们发送到可以允许权限的屏幕。

{permissionsAllowed ? (
                <Stack.Group>
                  <Stack.Screen
                    name="HomeComponents"
                    component={HomeComponents}
                  />
                  <Stack.Screen
                    name="EditProfileView"
                    component={EditProfileView}
                  />
                </Stack.Group>
              ) : (
                <Stack.Group>
                  <Stack.Screen name="Permissions" component={Permissions} />
                </Stack.Group>
              )}

这是我尝试导航到不同堆栈组中的屏幕时遇到的错误

Answer 1

您好，您可以这样实现：

<NavigationContainer>
  {token ? <PublicStack routeName={routeName} /> : <AuthStack />}
</NavigationContainer>

希望可以帮到你。