react-native監(jiān)聽android物理返回鍵

1.使用BackAndroid組件來完成對android物理返回鍵的監(jiān)聽

如下圖,我們再Home組件中注冊,一旦App進入主程序,就接管物理返回鍵的監(jiān)聽,我們仔在Home組件的渲染完成后來監(jiān)聽,在Home組件卸載后移除對返回鍵的監(jiān)聽,再onBackAndroid中,我們先檢查navigator的堆棧,如果堆棧中有組件存在,則pop最頂層組件,如果組件為空,則采取在2s內(nèi)按兩次返回鍵退出App的策略。

2. 某些類自定義返回鍵操作(即點擊返回鍵彈出一個alert之類的操作)

在所需類的初始化方法里調(diào)用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的時候,設(shè)置屬性ignoreBack為true 即可

this.props.navigator.push({

? component: 所需要禁用的類,

? ignoreBack:true,

});

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

相關(guān)閱讀更多精彩內(nèi)容

  • 前言 學(xué)習(xí)本系列內(nèi)容需要具備一定 HTML 開發(fā)基礎(chǔ),沒有基礎(chǔ)的朋友可以先轉(zhuǎn)至 HTML快速入門(一) 學(xué)習(xí) 本人...
    珍此良辰閱讀 7,419評論 33 15
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,554評論 19 139
  • 前言 本文 有配套視頻,可以酌情觀看。 文中內(nèi)容因各人理解不同,可能會有所偏差,歡迎朋友們聯(lián)系我討論。 文中所有內(nèi)...
    珍此良辰閱讀 2,431評論 5 9
  • 發(fā)現(xiàn) 關(guān)注 消息2 現(xiàn)有iOS項目中嵌入幾個React Native頁面 nilcy關(guān)注 2016.12.20 1...
    大沖哥閱讀 1,127評論 0 0
  • 今日的太陽, 不知躲去了哪兒, 可能還在被窩里, 享受阿波羅的撫摸, 那來去匆匆的行人, 都馬不停蹄, 想要離開這...
    雅俗共賞Y閱讀 303評論 2 4

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