React Native中Android物理back鍵按兩次返回鍵即退出應用

2019-10-22 18:25:35

字體：大中小

來源：轉載

供稿：網友

前言

本文主要給大家介紹了關于React Native中Android物理back鍵按兩次返回鍵就會退出應用的相關內容，分享出來供大家參考學習，下面話不多說了，來一起看看詳細的介紹吧。

話不多說,直接上圖:

react,native,返回鍵,返回,android兩次返回退出
測試代碼

第16~22行設置事件監聽以及移除事件監聽.

componentWillMount(){   BackAndroid.addEventListener('hardwareBackPress', this.onBackAndroid);}componentWillUnmount() {   BackAndroid.removeEventListener('hardwareBackPress', this.onBackAndroid);}

第24~32行實現onBackAndroid方法

onBackAndroid = () => {   if (this.lastBackPressed && this.lastBackPressed + 2000 >= Date.now()) {   //最近2秒內按過back鍵，可以退出應用。   return false;  }this.lastBackPressed = Date.now();ToastAndroid.show('再按一次退出應用', ToastAndroid.SHORT);return true;};

代碼的核心部分就是上訴所說的那兩段代碼了,下面送上效果圖.

react,native,返回鍵,返回,android兩次返回退出
第一次按返回鍵彈出ToastAndroid框提示再按一次退出應用