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

前言

成都創新互聯致力于互聯網品牌建設與網絡營銷，包括成都做網站、成都網站設計、SEO優化、網絡推廣、整站優化營銷策劃推廣、電子商務、移動互聯網營銷等。成都創新互聯為不同類型的客戶提供良好的互聯網應用定制及解決方案，成都創新互聯核心團隊十多年專注互聯網開發，積累了豐富的網站經驗，為廣大企業客戶提供一站式企業網站建設服務，在網站建設行業內樹立了良好口碑。

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

話不多說,直接上圖:

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

第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物理back鍵按兩次返回鍵即退出應用
第一次按返回鍵彈出ToastAndroid框提示再按一次退出應用