react-native-navigation-hybrid

React Native Navigation that supports seamless navigation between Native and React.

Usage no npm install needed!

<script type="module">
  import reactNativeNavigationHybrid from 'https://cdn.skypack.dev/react-native-navigation-hybrid';
</script>

README

react-native-navigation-hybrid

⚠️ 本库已重名名为 hybrid-navigation

react-native-navigation-hybrid@0.30.0 等价于 hybrid-navigation@1.4.4

react-native-navigation-hybrid 自 2021-01-15 起不再维护，请迁移到 hybrid-navigation

React Native Navigation that supports seamless navigation between Native and React.

navigation-android

Running the Playground Project

To run the playground project, first clone this repo:

git clone git@github.com:listenzz/react-native-navigation-hybrid.git
cd react-native-navigation-hybrid

run on Android

First, make sure that you have a simulator or device.

Then,

npm install
# &
npm start

Then, in another CLI window:

npm run run:android

Download demo apk

或通过扫描二维码安装 demo

demo-qrcode

run on iOS

First,

npm install
# &
cd ios && pod install
# &
npm start

Then, in another CLI window:

npm run run:ios

特性

  • 使用原生导航组件实现 React Native 页面间的导航，不仅具有更优的性能，而且使得 RN 页面具有原生质感
  • 原生页面和 RN 页面共享路由， 使得它们之间相互跳转和传值轻而易举
  • 内置 drawer, tabs, stack 标准容器，同时支持自定义容器和导航
  • 支持 deep link

目录

集成到以 RN 为主的项目

为原生项目添加 RN 模块

容器与导航

RN 页面与原生页面相互跳转和传值

Hooks

设置样式

DeepLink