react-native - 对 React 导航版本 5 中的深层链接感到困惑

Question

嗨，家伙首先卡在嵌套导航器中的结构深层链接上，这是我的导航代码，它只是堆叠在选项卡内

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

这里结果

感谢提前

Answer 1

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