React Navigation Android 返回鍵事件處理

實(shí)際開發(fā)中有這么一個(gè)需求,當(dāng)停留在首頁(yè)的時(shí)候 點(diǎn)擊 Android的返回鍵,提示再次點(diǎn)擊退出,直接上代碼

  import React from "react";
  import { BackHandler } from "react-native";
  class ScreenWithCustomBackBehavior extends React.Component {
    _didFocusSubscription;
    _willBlurSubscription;
    constructor(props) {
      super(props);
    this._didFocusSubscription = props.navigation.addListener('didFocus', payload =>
      BackHandler.addEventListener('hardwareBackPress', this.onBackButtonPressAndroid)
  ) ;
}

componentDidMount() {
    this._willBlurSubscription = this.props.navigation.addListener('willBlur', payload =>
     BackHandler.removeEventListener('hardwareBackPress', this.onBackButtonPressAndroid)
  );
}

onBackButtonPressAndroid = () => {
    if (判斷條件) {
    //需要操作的事件(如:再次點(diǎn)擊退出應(yīng)用)
  return true;
    } else {
  return false;
  }
} ;

componentWillUnmount() {
  this._didFocusSubscription && this._didFocusSubscription.remove();
  this._willBlurSubscription && this._willBlurSubscription.remove();
}

render() {
// ...
  }
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容