javascript - 如何在 React Native 中编写深度链接

Question

我已经在 React Native 中实现了深度链接。我的路由是这样完成的。

AuthNavigator(堆栈导航器)

• 登录
• 注册
• 主页(堆栈导航器)

主页导航器(堆栈导航器)

• 设备预订
• 设备状态

我想导航到 EquipmentStatus 屏幕，所以我创建了这样的深度链接配置

const config = {
  screens: {
    Home: {
      screens: {
        EquipmentStatus: 'equipmentstatus'
        }
       }
      }
     }

但是当我点击通知时，它正在打开应用程序(当它关闭时)但它没有导航到特定屏幕。当应用程序处于打开状态时，它什么都不做。

那么谁能建议我如何为这种情况编写深度链接配置？

Answer 1

导航特定屏幕

render() {
   return (
      <AppNavigator
         // ...
         uriPrefix={‘demo://’}
       />
   );
}




 export default createStackNavigator(
  {
    First: {
      screen: First,
      path: 'first/:firstId',
    },
    Second: {screen: Second, path: 'second/:secondId'},
    Third: {screen: Third, path: 'third'},
  },
  {
    initialRouteName: 'First',
  },
);
        

将此 url 粘贴到浏览器:demo://home/second/42