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

学向勤中得,萤窗万卷书。这篇文章主要讲述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 !安卓手机的物理返回键的使用

文章图片

【React Native组件之BackAndroid !安卓手机的物理返回键的使用】OK!就这样

    推荐阅读