Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/listenzz/hybrid-navigation

React Native Navigation that supports seamless navigation between Native and React.
https://github.com/listenzz/hybrid-navigation

deeplink navigation navigator react-native router

Last synced: 3 days ago
JSON representation

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

Host: GitHub
URL: https://github.com/listenzz/hybrid-navigation
Owner: listenzz
License: mit
Created: 2017-11-17T09:42:06.000Z (almost 7 years ago)
Default Branch: master
Last Pushed: 2024-10-18T02:40:22.000Z (26 days ago)
Last Synced: 2024-10-18T05:18:40.747Z (26 days ago)
Topics: deeplink, navigation, navigator, react-native, router
Language: Objective-C
Homepage:
Size: 76.3 MB
Stars: 325
Watchers: 9
Forks: 37
Open Issues: 29
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE

Awesome Lists containing this project

README

# hybrid-navigation

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

## 特性

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

![navigation-android](./screenshot/android.png)

## Support

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

## 运行 example 项目

首先 clone 本项目

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

然后在项目根目录下运行如下命令：

```shell
yarn install
# &
yarn start
```

### 在 Android 上运行

首先，确保你有一个模拟器或设备

如果熟悉原生开发，使用 Android Studio 打开 example/android，像运行原生应用那样运行它，也可以使用命令行：

```sh
# 在项目根目录下运行
yarn android
```

你可能需要运行如下命令，才可以使用 Hot Reload 功能

```sh
adb reverse tcp:8081 tcp:8081
```

[**Download demo apk**](https://todoit.oss-cn-shanghai.aliyuncs.com/app-release.apk)

或通过扫描二维码安装 demo

![README-2021-10-19-15-58-19](https://todoit.oss-cn-shanghai.aliyuncs.com/todoit/README-2021-10-19-15-58-19.png)

### 在 iOS 上运行

首先安装 cocoapods 依赖，在项目根目录下运行如下命令：

```sh
cd example/ios && pod install
# 成功安装依赖后，回到根目录
cd -
```

如果熟悉原生开发，使用 Xcode 打开 example/ios，像运行原生应用那样运行它，或者使用命令行：

```sh
# 在项目根目录下运行
yarn ios
```

## 文档

[从这里开始](https://todoit.tech/rn/hybrid-navigation/)