如何在 React Native 中編寫深層鏈接

Question

我已經在本機反應中實現了深度鏈接。 我的路由是這樣完成的。

AuthNavigator（堆棧導航器）

• 登錄
• 注冊
• 主頁（堆棧導航器）

主頁導航器（堆棧導航器）

• 設備預訂
• 設備狀態

我想導航到EquipmentStatus screen ，所以我創建了這樣的深度鏈接配置

 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

Answer 2

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

解釋得很清楚。 檢查 react-navigation 文檔https://reactnavigation.org/docs/deep-linking和https://reactnavigation.org/docs 。

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

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