How to structure deeplink in nested navigator for react navigation v.5

Hi guy got stuck on structure deeplink in nested navigator first here my navigation code it’s just stack inside tab

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

and bottomtabs

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

so this is config part of react navigation that for organize deeplink first i put a stack parent

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

then when navigate to this screen with

xcrun simctl openurl booted kriss://post/3232

here sresult enter image description here

thank for advance

1 Like