React Navigation 5 嵌套导航中的深层链接

我斯蒂芬

如何在 React Navigation 的嵌套导航器中实现深度链接。这里我有一个嵌套的堆栈导航器:

function AuthStack() {
  return (
    <Stack.Navigator>
        <Stack.Screen component={Login} name="Login" />  // deep link this screen
        <Stack.Screen component={ResetPassword} name="ResetPassword" />
    </Stack.Navigator>
  );
}

它嵌套在另一个主堆栈导航器中:

const linking = {
  prefixes: ["wagal://"],
  config: {
    screens: {
      AuthStack: "login",  // this doesn't reference `Login` screen on deep linking
    },
  },
};

function homeStack() {
  return (
    <NavigationContainer linking={linking}>
      <Stack.Navigator>
        <Stack.Screen component={AuthStack} name="AuthStack" />  // here
        // ...
      </Stack.Navigator>
    </NavigationContainer>
  );
}

我试图通过深层链接“wagal://login/”来Login筛选:

screens: {
  AuthStack: "login",
},

但它没有用,我也试过:

screens: {
  Login: "login",
},

他们不工作,我也找不到文档中的任何内容。我该如何解决这个问题?谢谢你。

艾哈迈德·加伯

尝试将其作为嵌套导航器处理。

AuthStack是父名。
Login是路线名称。
login是网址路径。

const config = {
  screens: {
    AuthStack: {
      screens: {
        Login: 'login',
      },
    }
  }
};

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

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

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

React Navigation Shared Element 5 嵌套导航器

React Navigation 5将参数传递给嵌套导航器中的屏幕

在react-navigation v5中使用嵌套导航时如何编写类型定义

React Navigation 5-如何从headerRight导航?

在 React Navigation 中嵌套导航器

在React Navigation 5中传递参数

在React Navigation 5.0中导航嵌套导航器

如何重置嵌套导航器(react-navigation v5)

在React Navigation 5中导航到另一个导航器中的屏幕

使用React Navigation 5不能正确弹出导航

React Navigation 5,登录后阻止后退导航

将参数传递给标签导航器React Navigation 5

React Navigation V5 + Redux Saga:如何从Saga导航?

React Navigation 5从堆栈导航器隐藏标签栏

如何在react-navigation v5中同时呈现Tab导航和Drawer导航

在BottomTabNavigator react-navigation v5内嵌套StackNavigator

React Navigation 5嵌套MapView不会扩展到屏幕

React Navigation 5嵌套屏幕无法返回到主屏幕

React Navigation了解导航器嵌套

如何根据状态更新React Navigation 5 headerRight中的文本?

在React Navigation v5中传递道具的问题

React Navigation v5中的初始路线参数?

React-Navigation 版本 5 中的“tabBarComponent”选项在哪里?

React Native Navigation 5中的自定义图像

如何在React Navigation v5中重置状态?

如何在 react-navigation 5 中从 TextInput 获取文本

如何在 React Navigation 5 中结合 StackNavigator 和 TabNavigator?

如何在react-navigation v5中从单个屏幕隐藏堆栈导航标题

如何在React-Navigation 5中定义不同的导航流组