React Native中Android物理back鍵按兩次返回鍵即退出應用
更新時間:2017年10月18日 09:19:49 作者:Hank_謝旱
這篇文章主要給大家介紹了關于React Native中Android物理back鍵按兩次返回鍵即退出應用的相關資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧。
前言
本文主要給大家介紹了關于React Native中Android物理back鍵按兩次返回鍵就會退出應用的相關內容,分享出來供大家參考學習,下面話不多說了,來一起看看詳細的介紹吧。
話不多說,直接上圖:
測試代碼
第16~22行 設置事件監(jiān)聽以及移除事件監(jiān)聽.
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; };
代碼的核心部分就是上訴所說的那兩段代碼了,下面送上效果圖.
第一次按返回鍵彈出ToastAndroid框提示再按一次退出應用
兩秒中內再按一次返回鍵退回手機桌面.
總結
以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作具有一定的參考學習價值,如果有疑問大家可以留言交流,謝謝大家對腳本之家的支持。
相關文章
淺談Android獲取ImageView上的圖片,和一個有可能遇到的問題
下面小編就為大家?guī)硪黄獪\談Android獲取ImageView上的圖片,和一個有可能遇到的問題。小編覺得挺不錯的,現在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-04-04