您的位置:首页 > Web前端 > React

ReactNative 学习笔记 物理back键

2018-03-09 10:56 330 查看

物理back键处理

需求 :实现:点击back, 连续点击退出app

关键Code

_onBackPress = (event) => {
let nav = this.refs.navigator;
let routers = nav.getCurrentRoutes();
if (routers.length > 1) {
nav.pop();
return true;
} else {
if (this.lastBackPressed && this.lastBackPressed + 2000 >= Date.now()) {
//两秒内连续点back退出
return false;
}
this.lastBackPressed = Date.now();
ToastAndroid.show(Strings.backAgainToExit, ToastAndroid.SHORT);
return true;
}
}

componentWillMount() {
if (Platform.OS === 'android') {
BackAndroid.addEventListener('hardwareBackPress', this._onBackPress);
}
}

componetWillUnmount() {
if (Platform.OS === 'android') {
BackAndroid.removeEventListener('hardwareBackPress', this._onBackPress);
}
}


Sample Code

手把手教React Native实战之物理back键详解
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: