Need help with react-native-navigation-hybrid?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

listenzz
259 Stars 31 Forks MIT License 1.0K Commits 11 Opened issues

Description

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

Services available

!
?

Need anything else?

Contributors list

# 38,590
Objecti...
uinavig...
uinavig...
React N...
1010 commits
# 1,382
node
Linux
js
Racket
2 commits
# 188,171
React N...
time-pi...
TypeScr...
iOS
1 commit
# 308,751
React N...
TypeScr...
HTML
Node.js
1 commit

hybrid-navigation

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

特性

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

navigation-android

Support

| version | react-native version | | ------- | -------------------- | | 1.0.0+ | 0.60.0+ |

Running the example project

To run the example project, first clone this repo:

git clone [email protected]:listenzz/hybrid-navigation.git
cd hybrid-navigation

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

目录

集成到以 RN 为主的项目

为原生项目添加 RN 模块

容器与导航

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

Hooks

设置样式

DeepLink

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.