我寫了一個工具類,來搞定,其中用到了java原生程式碼與js互動;好吧,上程式碼:

//  BackAndroidTool
//  功能: "安卓手機上的返回鍵"
//  Created by 小廣 on 2016-05-10 下午.
//  Copyright © 2016年  All rights reserved.
/*
使用: 參考連結:http://reactnative.cn/post/480
 1.在首頁/homepage頁(只需要在全域性都存在的頁面呼叫一次監聽即可)
 componentDidMount(){
    // 新增返回鍵監聽
    BackAndroidTool.addBackAndroidListener(this.props.navigator);
 }

 componentWillUnmount(){
    // 移除返回鍵監聽
    BackAndroidTool.removeBackAndroidListener();
 }
  說明：BackAndroid在iOS平臺下是一個空實現，
  所以理論上不做這個Platform.OS === 'android'判斷也是安全的。

  2. 某些類自定義返回鍵操作(即點選返回鍵彈出一個alert之類的操作)
  在所需類的初始化方法裡呼叫BackAndroidTool.customHandleBack
  栗子:
  constructor(props) {
    super(props);
		BackAndroidTool.customHandleBack(this.props.navigator,() => {
			Alert.alert('提示','您還未儲存記錄,確定要返回麼?',
		                [{text:'取消',onPress:() => {}},
		                 {text:'確定',onPress:() => { this.props.navigator.pop(); }}
		                ]);
                    // 一定要 return true; 原因上面的參考連結裡有
		      return true;
		});
  }

  3.某些頁面需要禁用返回鍵
  在nav進行push的時候,設定屬性ignoreBack為true 即可
  this.props.navigator.push({
    component: 所需要禁用的類,
    ignoreBack:true,
  });

*/

'use strict';
import React,{
  Platform,
  Navigator,
  BackAndroid,
  ToastAndroid,
  NativeModules,
} from 'react-native';

// 類
var NativeCommonTools = NativeModules.CommonTools;

export default {
  // 監聽返回鍵事件
  addBackAndroidListener(navigator) {
    if (Platform.OS === 'android') {
      BackAndroid.addEventListener('hardwareBackPress',() => {
         return this.onBackAndroid(navigator);
      });
    }
  },

  // 移除監聽
  removeBackAndroidListener() {
    if (Platform.OS === 'android') {
      BackAndroid.removeEventListener('hardwareBackPress', () => {
      });
    }
  },

  // 判斷是返回上一頁還是退出程式
  onBackAndroid(navigator) {
    if (!navigator) return false;
    const routers = navigator.getCurrentRoutes();
    // 當前頁面不為root頁面時的處理
    if (routers.length > 1) {
      const top = routers[routers.length - 1];
      if (top.ignoreBack || top.component.ignoreBack) {
          // 路由或元件上決定這個介面忽略back鍵
          return true;
      }
      const handleBack = top.handleBack || top.component.handleBack;
      if (handleBack) {
          // 路由或元件上決定這個介面自行處理back鍵
          return handleBack();
      }
  // 預設行為： 退出當前介面。
      navigator.pop();
      return true;
     }
    // 當前頁面為root頁面時的處理
    if (this.lastBackPressed && (this.lastBackPressed + 2000 >= Date.now())) {
         //最近2秒內按過back鍵，可以退出應用。
         NativeCommonTools.onBackPressed();
         return true;
        }
      this.lastBackPressed = Date.now();
      ToastAndroid.show('再按一次退出應用',ToastAndroid.SHORT);
      return true;
  },

  // 自定義返回按鈕事件
  customHandleBack(navigator, handleBack) {
    if (navigator) {
      let routes = navigator.getCurrentRoutes(); //nav是導航器物件
      let lastRoute = routes[routes.length - 1]; // 當前頁面對應的route物件
  		lastRoute.handleBack = handleBack;
    }
	},

}
 

package com.commonTools;

import com.facebook.react.ReactPackage;
import com.facebook.react.bridge.JavaScriptModule;
import com.facebook.react.bridge.NativeModule;
import com.facebook.react.bridge.ReactApplicationContext;
import com.facebook.react.uimanager.ViewManager;

import java.util.Arrays;
import java.util.Collections;
import java.util.List;

public class RCTCommonToolsPackage implements ReactPackage {
  @Override
  public List<NativeModule> createNativeModules(ReactApplicationContext reactContext) {
    return Arrays.<NativeModule>asList(new RCTCommonTools(reactContext));
  }
  
  @Override
  public List<Class<? extends JavaScriptModule>> createJSModules() {
    return Collections.emptyList();
  }
  
  @Override
  public List<ViewManager> createViewManagers(ReactApplicationContext reactContext) {
    return Collections.emptyList();
  }
}
 

package com.commonTools;

import android.content.Intent;

import com.facebook.react.bridge.Callback;
import com.facebook.react.bridge.ReactApplicationContext;
import com.facebook.react.bridge.ReactContextBaseJavaModule;
import com.facebook.react.bridge.ReactMethod;

import com.tcpaydls.BuildConfig;

public class RCTCommonTools extends ReactContextBaseJavaModule {
  
  public RCTCommonTools(ReactApplicationContext reactContext) {
    super(reactContext);
  }
  
  @Override
  public String getName() {
    return "RCTCommonTools";
  }
  
  /**
   * 此方法是為了解決返回鍵退出程式後,ToastAndroid不會消失的bug
   */
  @ReactMethod
  public void onBackPressed() {
    Intent setIntent = new Intent(Intent.ACTION_MAIN);
    setIntent.addCategory(Intent.CATEGORY_HOME);
    setIntent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
    getCurrentActivity().startActivity(setIntent);
    
  }
}