《ReactNatve》之处理Android返回键

BackAndroid已经被废弃，使用BackHandler。

这块代码写在Navigator组件initialRoute的那个class，也就是Navigator导航进入的第一个视图。

[javascript] view plain copy

1. import React, { Component } from 'react';  
2. import {  
3.   StyleSheet,  
4.   Text,  
5.   View,  
6.   BackHandler,  
7.   Platform,  
8.   ToastAndroid,  
9. } from 'react-native';  
10. var lastBackTime = "";//记录点击返回键的时间  
11. export default class HomeComponent extends Component {  
12.   componentWillMount(){  
13.     BackHandler.addEventListener('hardwareBackPress', () => {  
14.       if (this.props.navigator) {  
15.           let routes = this.props.navigator.getCurrentRoutes();  
16.           let lastRoute = routes[routes.length - 1]; // 当前页面对应的route对象  
17.           if (lastRoute.onHardwareBackPress) {// 先执行route注册的事件  
18.               let flag = lastRoute.onHardwareBackPress();  
19.               if (flag === false) {// 返回值为false就终止后续操作  
20.                   return true;  
21.               }  
22.           }    
23.           if (routes.length === 1) {// 在第一页了,2秒之内点击两次返回键，退出应用  
24.             if(this.lastBackPressed && (lastBackTime+2000) >= Date.now()){  
25.                 return false;  
26.             }  
27.             // 此处可以根据情况实现 点2次就退出应用，或者弹出rn视图等  
28.             //记录点击返回键的时间  
29.             lastBackTime = Date.now();  
30.             ToastAndroid.show('再按返回退出应用', ToastAndroid.SHORT);  
31.   
32.   
33.           } else {  
34.               this.props.navigator.pop();  
35.           }  
36.       }  
37.       return true;  
38.     });  
39.   }  
40.   componentWillUnmount() {  
41.     if (Platform.OS === 'android') {  
42.       BackHandler.removeEventListener('hardwareBackPress',()=>{});  
43.     }  
44.   }  
45. }  
46.   
47.   
48.   
49.