时间戳

首页 > 解决方案 > React 本机深度链接不在堆栈导航中导航

javascript - React 本机深度链接不在堆栈导航中导航

问题描述

我在我的应用程序中使用 react-native navigation 5。我正在尝试添加深度链接。我为配置创建一个文件

const config = {
  screens: {
    Home: 'home',
    Profile: {
      path:"starter/profile/:id",
      parse: {
        id: (id) => `${id}`
      },
    },
    Notifications: "notifications",
    Settings: "settings"
  
  },
};

const linking = {
  prefixes: ["yenir://app"],
  config,
};

export default linking;

在切换导航器中，我正在尝试导航此堆栈SwitchNavigator > Starter > Settings

切换导航器

render() {

    const SwitchNavigator= createSwitchNavigator(
    {
   // Starter: AdjustTest,
    Starter:Teststk,
    //  Starter:TstStack,
    App: AppStack,
    Auth: LoginStack
  },
  {
    initialRouteName:'Starter',
    resetOnBlur:false,
    backBehavior:null
  
  }
);

我要导航的堆栈屏幕

const Testst = createStackNavigator();

function Teststk() {
  return (
    <Testst.Navigator>
      <Testst.Screen name="Home" component={TestStack}  />
      <Testst.Screen name="Notifications" component={TestStack}  />
      <Testst.Screen name="Profile" component={TestStack}  />
      <Testst.Screen name="Settings" component={TestStack}  />
    </Testst.Navigator>
  )
}

链接 url 用户点击。test://app/starter/profile/2

我进不去这个页面。我应该如何更改配置，路由图。谢谢

标签： javascriptreact-nativedeep-linkingreact-native-navigationstack-navigator

解决方案

推荐阅读