1. 程式人生 > >react-native 監聽Android物理返回鍵

react-native 監聽Android物理返回鍵

1、
componentWillMount(){
        BackHandler.addEventListener('hardwareBackPress', this.onBackAndroid);
}
2、
componentWillUnmount() {
        BackHandler.removeEventListener('hardwareBackPress', this.onBackAndroid);
    }
3、
 onBackAndroid = () => {
        if (this.lastBackPressed && this.lastBackPressed + 2000 >= Date.now()) {
            //最近2秒內按過back鍵,可以退出應用。
            BackHandler.exitApp();
            return;
        }
        this.lastBackPressed = Date.now();
        ToastAndroid.show('再按一次退出應用',ToastAndroid.SHORT);
        return true;
    };

注意:回撥函式onBackAndroid中的return true是必不可少的。

相關推薦

react-native Android物理返回

1、componentWillMount(){ BackHandler.addEventListener('hardwareBackPress', this.onBackAndroid)

H5頁面Android物理返回

Android物理返回鍵的點選事件,一般webview的預設行為是 window.history.go(-1) ,但是在實際需求場景下,簡單的頁面回退並不能滿足需求,所以需要H5頁面監聽Android物理返回鍵從而自定義處理方法。 本方案的程式碼都在 h5_android_back 倉庫中 原理 主要是

混合開發中,H5頁面如何Android手機返回

1. 前言 混合開發中,如果當前操作的頁面是H5寫的。那麼這個時候點選Android手機返回鍵,預設是返回到上一個頁面,跟瀏覽器的回退功能是一樣的,都是返回到歷史記錄中的前一個記錄。看著好像沒啥問題,但是當H5頁面當前有一個彈窗,按照正常的互動,這會兒點選手機返回鍵,應該是

JavaScript手機物理返回

JavaScript沒有監聽物理返回鍵的API,所以只能使用 popstate 事件監聽。 有兩個解決辦法: 1、返回到指定的頁面 pushHistory();

React NativeAndroid回退按鍵,程式化退出應用

前言 我們知道Android回退按鍵,會控制頁面返回, 並且退出應用並非真正意義退出,仍在後臺執行,所以在某些場景下需要監控android回退按鍵,那麼在React Native中應該如何應用呢?我們具體來看看。 BackAndroid 此模組用於監聽

ionic3專案Android物理返回事件

針對ionic專案的兩個模板分別處理。 一、tabs模板專案的物理鍵返回事件處理機制 import { Component, ViewChild } from '@angular/core'; import {Platform, Nav, IonicApp, ToastController} f

vue+hbuilder安卓返回問題

1.監聽安卓返回鍵問題 效果:在一級頁面按一下返回鍵提示退出應用,按兩下退出應用;在其它頁面中,按一下返回上個歷史頁面 1 2

安卓返回

window.addEventListener("popstate", function(e) { alert("安卓的返回鍵"); }, false);這個監聽安卓返回需要一個js點選開啟連結

react-native入門之快速入門---返回實現

一、前言 React-native的趨勢已經是鐵板釘釘了。。。現在開始學習吧。 二、安裝 初始化專案: react-native init hello-rn 通過adb反向代理埠,將除錯的8081埠代理到測試機上 adb reverse tc

如何Android手機物理返回

概述 window.onpopstate是popstate事件在window物件上的事件控制代碼. 每當處於啟用狀態的歷史記錄條目發生變化時,popstate事件就會在對應window物件上觸發. 如果當前處於啟用狀態的歷史記錄條目是由history.pushSta

js中回車鍵、物理返回(Android)

監聽回車鍵 //監聽某個輸入框 //回車事件繫結 $('#search_input').bind('keyup', function(event) { if (event.keyCode == "13") { //回車執

JS使用 popstate 事件物理返回

function 事件監聽 bsp als ref listen hist inf UNC pushHistory(); window.addEventListener("popstate", function (e) { i

vue裡安卓的物理返回

Hybrid App中,原生內嵌H5單頁,按安卓物理返回鍵的時候會返回到上一個路由, 實際中需求是:當有彈層的時候,按物理返回鍵是關閉彈層,是頁面的時候才執行返回上一個路由, 開始的方案是Android原生重寫方法onKeyDown(),H5 JsBridge js去呼叫方法,當需要的時候遮蔽物理返回鍵,

apicloud物理返回

雙擊退出 function exitApp(){ api.addEventListener({ name: 'keyback' }, function(ret, err){ api.toast({ msg: '

h5任何 App 自帶的返回,以及安卓機裡的物理返回

var hiddenProperty = 'hidden' in document ? 'hidden' : 'webkitHidden' in document ? 'webkitHidden' : 'mozHidden' in document ?

Android 改寫返回事件,使得back功能類似home,讓Acitivty退至後臺時不被系統銷燬

現在很多程式要求back鍵不是退出程式而是像home鍵一樣讓Acitivty退至後臺時不被系統銷燬,查到的資料大多說都是繼承activity的沒有繼承TabActivity, TabActivity和activity不能一樣處理,廢話不多說了上程式碼。 繼承activity

JS手機的物理返回(親測有效)

自己弄一個專案,需要用到JS監聽物理返回鍵,網上找了發現大部分人都說無法監聽。後面再一個博主那看到一個方法,試了一下可以,特意發出來供大家參考。程式碼如下 if(window.history && window.history.pushState) { $

androidのBack返回,home,menu使用

1.點選back 鍵後,彈出對話方塊 @Override public boolean onKeyDown(int keyCode, KeyEvent event) { if(keyCode==

react native 物理返回Back踩的坑

現在來說說我的坑,因為這是以前的人員寫的,他已經離職了,但是這個坑從我接手開始就一直存在,想著有時間再解決吧,現在快上線了,不能再拖了,看了他寫的程式碼,感覺程式碼沒毛病,但是執行就閃退,果然我還是太年輕了,下面是原碼, componentDidMount() {

cocos creator(十三)android平臺返回實現

1、cocos creator打包成的apk如何實現返回鍵的監聽 我嘗試過這位大大的方法 在常駐節點上掛載的js中加入這段程式碼就可以。 if(cc.sys.os == cc.sys.OS_ANDR