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

Question

我已经在本机反应中实现了深度链接。我的路由是这样完成的。

AuthNavigator（堆栈导航器）

• 登录
• 注册
• 主页（堆栈导航器）

主页导航器（堆栈导航器）

• 设备预订
• 设备状态

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

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

但是当我点击通知时，它正在打开应用程序（当它关闭时），但它没有导航到特定屏幕。当应用程序打开时，它什么也不做。

那么任何人都可以向我建议如何为这种情况编写深度链接配置吗？

Answer 1

按照这个https://dev.to/techtalks/deep-linking-in-react-native-app-with-react-navigation-v5-41id

解释得很清楚。检查反应导航文档https://reactnavigation.org/docs/deep-linking和https://reactnavigation.org/docs/configuring-links。

您还可以找到一些示例https://github.com/react-navigation/deep-linking-example

https://github.com/eugenehp/react-native-deep-linking

Answer 2

导航特定屏幕

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',
  },
);
        

将此网址粘贴到浏览器：demo://home/second/42