listenzz / Hybrid Navigation
Licence: mit
React Native Navigation that supports seamless navigation between Native and React.
Stars: ✭ 258
Projects that are alternatives of or similar to Hybrid Navigation
React Router Navigation
⛵️ A complete navigation library for React Native, React DOM and React Router
Stars: ✭ 498 (+93.02%)
Mutual labels: router, navigation, navigator
Marshroute
Marshroute is an iOS Library for making your Routers simple but extremely powerful
Stars: ✭ 208 (-19.38%)
Mutual labels: router, navigation
Parrot
Web router specially designed for building SPAs using Meteor
Stars: ✭ 75 (-70.93%)
Mutual labels: router, navigation
React Router Native Stack
A stack navigation component for react-router-native
Stars: ✭ 171 (-33.72%)
Mutual labels: router, navigation
Arouter
💪 A framework for assisting in the renovation of Android componentization (帮助 Android App 进行组件化改造的路由框架)
Stars: ✭ 13,587 (+5166.28%)
Mutual labels: router, navigation
browser
Routing and Navigation for browser apps
Stars: ✭ 31 (-87.98%)
Mutual labels: router, navigation
Corenavigation
📱📲 Navigate between view controllers with ease. 💫 🔜 More stable version (written in Swift 5) coming soon.
Stars: ✭ 69 (-73.26%)
Mutual labels: router, navigation
navigation-skeleton
This component allows you to show skeletons of pages during navigation process.
Stars: ✭ 16 (-93.8%)
Mutual labels: router, navigation
go router
The purpose of the go_router for Flutter is to use declarative routes to reduce complexity, regardless of the platform you're targeting (mobile, web, desktop), handling deep linking from Android, iOS and the web while still allowing an easy-to-use developer experience.
Stars: ✭ 380 (+47.29%)
Mutual labels: router, navigation
Beamer
A router that lets you navigate through guarded page stacks and URLs using the Navigator 2.0 API effortlessly.
Stars: ✭ 114 (-55.81%)
Mutual labels: router, navigator
Android Router
An android componentization protocol framework, used for decoupling complex project. Android高性能轻量级路由框架
Stars: ✭ 208 (-19.38%)
Mutual labels: router, navigation
Hookrouter
The flexible, and fast router for react that is entirely based on hooks
Stars: ✭ 1,200 (+365.12%)
Mutual labels: router, navigation
qlevar router
Manage you project Routes. Create nested routes. Simply navigation without context to your pages. Change only one sub widget in your page when navigating to new route.
Stars: ✭ 51 (-80.23%)
Mutual labels: router, navigation
react-native-boilerplate
Ready-made structure of your next React Native application within a few minutes.
Stars: ✭ 36 (-86.05%)
Mutual labels: router, navigation
Flowzard
Isolates navigation from UI and Business logic with simple wizard like mechanism.
Stars: ✭ 49 (-81.01%)
Mutual labels: router, navigation
Ng2 Breadcrumbs
A breadcrumb service for the Angular 7 router
Stars: ✭ 61 (-76.36%)
Mutual labels: router, navigation
kaptain
👨✈️ multi-module navigation on Android has never been so easier!
Stars: ✭ 24 (-90.7%)
Mutual labels: navigation, navigator
hybrid-navigation
React Native Navigation that supports seamless navigation between Native and React.
特性
- 使用原生导航组件实现 React Native 页面间的导航，不仅具有更优的性能，而且使得 RN 页面具有原生质感
- 原生页面和 RN 页面共享路由， 使得它们之间相互跳转和传值轻而易举
- 内置 drawer, tabs, stack 标准容器，同时支持自定义容器和导航
- 支持 deep link
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
或通过扫描二维码安装 demo
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
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].