混合开发的大趋势之一React Native之页面跳转(2)+物理返回+特定平台代码

转载请注明出处:这里写链接内容

今天是10月份的最后一天,我加了3个月来的第一个班,挤出了这篇。

废话不多先安利,然后继续学习 RN

有好东西都往里面丢,努力做好归纳

https://github.com/ddwhan0123/Useful-Open-Source-Android

demo还是在上次的ui,只是加了新功能,回退键!

效果图可以看http://blog.csdn.net/ddwhan0123/article/details/52913765

这边就不重复贴了

BackAndroid

理论介绍是api扣来的:

监听硬件的back键操作。如果没有任何监听函数,或者监听函数的返回值不是true,则会调用默认的back键功能来退出应用。

默认是退出应用

有三个常用的方法


看名字就很好理解,分别是

退出APP

增加监听事件

移除监听

exitApp很简单,直接调用即可

两个listener方法需要传入2个参数,1为”tag效果的BackPressEventName”,2为具体实现逻辑的方法。

这里为什么说是类似于tag的BackPressEventName可以看:http://www.jianshu.com/p/44e415a3cb0b解释的非常棒,图文并茂

Platform

在制作跨平台的App时,多半会碰到针对不同平台编写不同代码的需求。

在不用分包的情况下 可以用Platform来做手机的判断,诸如我要判断是iOS还是安卓


安卓还可以用Platform.Version来判断sdk等级


变化大多在main.Android.js



在这个页面我们设置的返回键的监听事件,然后判断了只在上一页有页面,并且导航不为空的时候才做返回行为,不然直接退出 app(默认)

这次我把navigator对象”带来带去”,让他很好的管理者,页面集合。

这篇内容比较简单,但是打好基础也很重要哦!!

源码地址:https://github.com/ddwhan0123/ReactNativeDemo(有点包结构问题,看着调就行,操作起来不复杂)

相关传送门:http://reactnative.cn/post/480

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,132评论 25 708
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,886评论 18 139
  • 基本用法 从44版本以后RN已经废弃了BackAndroid API,加了新的组件BackHandler,老版本的...
    凹凸怪cq阅读 12,391评论 8 16
  • 洁白无瑕的天使带你来到这里 也是你 把笑声送到这里 微微一笑 是最幸福的礼物 生活的味道 就是你的味道 你那摇摇晃...
    赤子天涯心阅读 227评论 0 1
  • 我们分开很久了,久到我已经有了新的爱好,久到我甚至都不知道你近况如何,每每別人问起,我都会说自己恨你讨厌你说你种种...
    荒芜杂陈阅读 423评论 1 1