在ionic框架中，當硬體后退按鈕被按下時，將執行以下事件監聽器方法。
span class="hljs-variable language_">document. addEventListener('ionBackButton', (ev) => /span> {
ev.detail.register(10, ( ) => {
console.log('處理程式被呼叫！')。
});
});
但是當一個模態保持打開時，在按下硬體回傳按鈕后，上述方法沒有被執行。它在android studio的控制臺中只顯示了以下資訊
。通知事件backButton的監聽器
更新了 :
下面的代碼是用于ionic react中的modal
。import React, { useState } from 'react;
import { IonModal, IonButton, IonContent } from '@ionic/react'/span>;
export const ModalExample: React.FC = () => {
const [showModal, setShowModal] = useState(false)。
return (
<IonContent>
< IonModal isOpen={showModal} cssClass='my-custom-class'>
<p>這是模態內容</p>/span>
<IonButton onClick={（） => setShowModal(false)}>關閉模式</IonButton>
</IonModal>/span>
<IonButton onClick={（） => setShowModal(true)}>顯示模式</IonButton>
</IonContent>/span>
);
};
uj5u.com熱心網友回復：
我已經找到了觸發硬體后退按鈕事件監聽器方法的解決方案，只需將優先級提高到140即可
。document. addEventListener('ionBackButton', (ev) => /span> {
ev.detail.register(140, ( ) => {
console.log('處理程式被呼叫！')。
});
});
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/319145.html
標籤：