如何在 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] 删除。
我来说两句