React Native组件之BackAndroid !安卓手机的物理返回键的使用

ok!在安卓手机上,当我们用物理返回键的时候,会以一次性的将程序退出来,这样是很不好的体验,所以就需要使用RN的物理返回键组件:BackAndroid,其原理也就是

分析路由,然后pop()这样!

React Native组件之BackAndroid !安卓手机的物理返回键的使用

ok!先来说下路由栈吧!,有一点计算机技术基础的同学都应该学过堆栈,其中的栈就是后入先出,也就是RN里面的push(入栈),pop(出栈)!

好的!如图所示!

1:两个路由之间的backandroid

React Native组件之BackAndroid !安卓手机的物理返回键的使用

else return 直接退出应用

2:在注册组件设置backAndroid(这里注意了,在注册组件,其他不行哦)

React Native组件之BackAndroid !安卓手机的物理返回键的使用

此时我们看到这里的navigator是从子组件通过refs来获取的!(子组件获取父组件,props、父组件获取子组件:refs),然后我们在父组件里面设置:ref

React Native组件之BackAndroid !安卓手机的物理返回键的使用

 这样就可以啦!

注意事项:React Native组件之BackAndroid !安卓手机的物理返回键的使用

拓展:两次返回,添加提示:

React Native组件之BackAndroid !安卓手机的物理返回键的使用

OK!就这样

上一篇:JQuery图片自适应窗口轮播图(淡入淡出效果)


下一篇:移动端轮播图实现方法(dGun.js)