React导航版本5中的Deeplink感到困惑

问题描述 投票:0回答:1

您好,我首先在嵌套导航器中停留在结构Deeplink上,这是我的导航代码它只是堆叠在选项卡中

function HomeStack() {
return (
    <Stack.Navigator>
        <Stack.Screen
            name="Home"
            component={HomeScreen}
        />
        <Stack.Screen
            name="SinglePost"
            component={SinglePost}
        />
    </Stack.Navigator>
  );
}

和底部标签

  <Tab.Screen name="Home" component={HomeStack} />

所以这是反应导航的配置部分,用于组织深度链接首先,我把一个堆栈父母

const config = {
Home: {
    path: "stack",
    initialRouteName: "SinglePost",
    screens: {
        Home: "home",
        SinglePost: {
            path: "post/:post_id",
            parse: {
                post_id: Number,
            }
        }
    }
  }
};

然后使用]导航到此屏幕时>

xcrun simctl openurl booted kriss://post/3232

这里结果enter image description here

感谢前进

<<

问题在于getStateFromPath函数的当前实现,该函数从给定路径创建导航状态。 :之后的正则表达式解析参数如下所示:const match = new RegExp('^' + escape(pattern).replace(/:[a-z0-9]+/gi, '([^/]+)') + '/?');,因此它将仅正确解析字母数字参数。它将很快更改,现在请使用postId代替post_id,它应该可以正常工作。

react-native react-navigation react-navigation-v5
1个回答
© www.soinside.com 2019 - 2024. All rights reserved.