使 React Native App 更具原生质感

今天向大家推荐我的开源项目,一款为 react-native 打造的原生导航库。由于导航方式是用原生组件实现的,所以体验会比 react-navigation 稍好,此外,同样的原因,使得 react-native 业务模块可以和原生业务模块完美契合。

这款导航库名为 react-native-navigation-hybrid,正如名称所暗示的那样,它可以轻松实现原生页面和 RN 页面的相互跳转和传值,而且由于都使用原生的导航组件,所以即便是原生工程师,也难以辨认哪些页面可能是由 react-native 实现的。

上图是项目自带的 demo, 展示本库大部分功能。

博主也 fork 了一个比较受欢迎的 react-native app,并用 react-native-navigation-hybrid 替换了react-navigation。

闪屏 iOS 效果对照:

react-navigationreact-native-navigation-hybrid

主页面 Android 6.0 效果对照:

react-navigationreact-native-navigation-hybrid

以下是源码:

改造前的 reading

改造后的 reading

react-native-navigation-hybrid

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值