{"repo":"listenzz/hybrid-navigation","free":true,"listed":false,"github":"https://github.com/listenzz/hybrid-navigation","clone":"git clone https://github.com/listenzz/hybrid-navigation.git","description":"React Native Navigation that supports seamless navigation between Native and React.","language":"Java","stars":328,"topics":["react-native","navigation","navigator","router","deeplink"],"license":null,"category":"mobile-apps","readme_excerpt":"hybrid-navigation React Native Navigation that supports seamless navigation between Native and React. 特性 - 使用原生导航组件实现 React Native 页面间的导航，不仅具有更优的性能，而且使得 RN 页面具有原生质感 - 原生页面和 RN 页面共享路由， 使得它们之间相互跳转和传值轻而易举 - 内置 drawer, tabs, stack 标准容器，同时支持自定义容器和导航 - 支持 Deep Link 版本兼容 版本 RN 版本 RN 架构 ---- ------- ------- 2.x = 0.83 新架构 当前仓库 example 使用 React Native 0.84.0，Node.js 版本需 = 20。 运行 example 项目 首先 clone 本项目 然后在项目根目录下运行如下命令： 在 Android 上运行 首先，确保你有一个模拟器或设备 如果熟悉原生开发，使用 Android Studio 打开 android 目录，像运行原生应用那样运行它。 注意修改 Gradle JDK 版本为 17，否则会报错。 也可以使用命令行： 你可能需要运行如下命令，才可以使用 Hot Reload 功能 Download demo apk 或通过扫描二维码安装 demo 在 iOS 上运行 首先安装 cocoapods 依赖，在项目根目录下运行如下命令： 如果熟悉原生开发，使用 Xcode 打开 ios 目录，像运行原生应用那样运行它，或者使用命令行： AI Agent 技能环境 本仓库已接入以下三个 Callstack 技能： - agent-device ：驱动 iOS/Android 模拟器或真机进行自动化交互 - react-native-best-practices ：React Native 性能优化最佳实践 - react-devtools ：通过 agent-react-devtools 读取组件树、状态和性能剖析数据 使用 agent-device 相关命令前，请确保 Node.js 版本为 =22 。 如需恢复技能环境（例如换机器后）： 运行 React DevTools Agent 的常用命令： 运行 Agent Device 的常用命令： agent-device + agent-react-devtools 推荐联动流程： React Native 不需要额外改代码即可连接 devtools。若使用 Android 真机，请转发端口： 文档 从这里开始","default_branch":null,"files":null,"tree":[],"storefront":"/r/listenzz","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/listenzz/hybrid-navigation/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}