BackAndroid已经被废弃,使用BackHandler。
这块代码写在Navigator组件initialRoute的那个class,也就是Navigator导航进入的第一个视图。
import React, { Component } from 'react';
import {
StyleSheet,
Text,
View,
BackHandler,
Platform,
ToastAndroid,
} from 'react-native';
var lastBackTime = "";//记录点击返回键的时间
export default class HomeComponent extends Component {
componentWillMount(){
BackHandler.addEventListener('hardwareBackPress', () => {
if (this.props.navigator) {
let routes = this.props.navigator.getCurrentRoutes();
let lastRoute = routes[routes.length - 1]; // 当前页面对应的route对象
if (lastRoute.onHardwareBackPress) {// 先执行route注册的事件
let flag = lastRoute.onHardwareBackPress();
if (flag === false) {// 返回值为false就终止后续操作
return true;
}
}
if (routes.length === 1) {// 在第一页了,2秒之内点击两次返回键,退出应用
if(this.lastBackPressed && (lastBackTime+2000) >= Date.now()){
return false;
}
// 此处可以根据情况实现 点2次就退出应用,或者弹出rn视图等
//记录点击返回键的时间
lastBackTime = Date.now();
ToastAndroid.show('再按返回退出应用', ToastAndroid.SHORT);
} else {
this.props.navigator.pop();
}
}
return true;
});
}
componentWillUnmount() {
if (Platform.OS === 'android') {
BackHandler.removeEventListener('hardwareBackPress',()=>{});
}
}
}