• Stars
    star
    313
  • Rank 133,714 (Top 3 %)
  • Language
    Objective-C
  • License
    MIT License
  • Created almost 7 years ago
  • Updated about 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

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

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+

运行 example 项目

首先 clone 本项目

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

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

yarn install
# &
yarn start

在 Android 上运行

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

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

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

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

adb reverse tcp:8081 tcp:8081

Download demo apk

或通过扫描二维码安装 demo

README-2021-10-19-15-58-19

在 iOS 上运行

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

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

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

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

文档

从这里开始

More Repositories

1

HBDNavigationBar

A custom UINavigationBar for smooth switching between various states, including bar style, bar tint color, background image, background alpha, bar hidden, title text attributes, tint color, shadow hidden...
Objective-C
1,625
star
2

AndroidNavigation

A library managing navigation, nested Fragment, StatusBar, Toolbar for Android
Java
710
star
3

react-native-modal-translucent

Remove the StatusBar background for Modal on Android
Java
204
star
4

MyApp

React Native 工程化实践
JavaScript
136
star
5

RxCommand

A UI-related rxjava component for android mvvm architecture
Java
128
star
6

MyMina

小程序工程化实践
JavaScript
87
star
7

Live

A RxJava Transformer handle Android Lifecycle as same as LiveData.
Java
81
star
8

RNDemo

演示一些 ReactNative 相关的技巧,包含嵌套滚动,自定义下拉刷新,避免键盘遮挡,隐私政策等等。
TypeScript
37
star
9

react-native-toast-hybrid

A toast that can be used for react-native, while available for native android and ios
Objective-C
36
star
10

react-native-keyboard-insets

A powerful Keyboard Aware View for React Native
Java
25
star
11

HBDStatusBar

A library handling status bar hidden
Objective-C
22
star
12

android-modularization

An android modularization demo with dagger2
Java
16
star
13

RxCommand-Swift

A command is an observable triggered in response to some action, typically UI-related. Inspired by RACCommand.
Swift
10
star
14

react-native-platform

Platform tools for React Native.
Java
5
star
15

MonoDemo

Monorepo 在 React Native 项目的实践
TypeScript
4
star
16

react-native-create-lib

Tool to create a React Native library module or view module with a single command
JavaScript
3
star
17

react-native-create-app

Tool to create a React Native Project with a single command
JavaScript
2
star
18

react-native-recyclerview

2
star
19

RN063

演示 react-native-navigation-hybrid 如何和 react-native 0.63 集成
Java
1
star
20

OSSRH-69319

1
star