React Native中Android雙擊Back鍵退出應用(已廢棄)

廢話

這是個很常用的小功能，做開發(fā)很實用喲

先上代碼

import {......, BackAndroid, ToastAndroid} from 'react-native';

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

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

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

在componentWillMount()和componentWillUnmount()方法中監(jiān)聽back點擊事件，然后自定義onBackAndroid()方法，監(jiān)聽兩次點擊的時間間隔

上個效果圖

自己寫的demo中用到，其他的東西請自行忽略

Paste_Image.png
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成，瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發(fā)布，文章內容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容