Ionic File Opener如何检测文件关闭事件？

问题场景 #

我正在使用Ionic和Capacitor下载PDF文件，并调用手机默认PDF阅读器打开，实现代码如下：

import { Directory, Filesystem } from "@capacitor/filesystem";
import { FileOpener } from '@ionic-native/file-opener';

getReceiptPDF({ pathParams: { receiptID: props.receipt.receiptID } }).then((response) => {
    if (response.status == 200) {
        // 自定义方法，将文件下载到手机Documents文件夹
        downloadFileMobile(response, props.receipt.receiptID + ".pdf"); 

        Filesystem.getUri({
            directory: Directory.Documents,
            path: props.receipt.receiptID + ".pdf"
        }).then((getUriResult) => {
            const path = getUriResult.uri;
            console.debug("PATH : " + path);
            FileOpener.open(path, 'application/pdf')
                .catch((error) => console.debug(error));
        });
    }
})

功能运行正常，但需要在用户关闭PDF阅读器时触发特定方法，而FileOpener并未提供相关回调接口，该如何处理？

解决方案 #

@ionic-native/file-opener本身没有内置阅读器关闭的回调，我们可以利用App的前后台状态切换事件来实现需求，具体操作如下：

1. 引入Capacitor App插件

import { App } from '@capacitor/app';

2. 初始化状态标记与事件监听

在组件的初始化逻辑中，添加App状态变化的监听，并定义一个状态变量标记是否从PDF阅读器返回：

private isPdfOpened = false;

constructor() {
    // 监听App从后台激活的事件
    App.addListener('appStateChange', ({ isActive }) => {
        if (isActive && this.isPdfOpened) {
            // 执行PDF关闭后的处理逻辑
            this.handlePdfClosed();
            // 重置状态标记，避免重复触发
            this.isPdfOpened = false;
        }
    });
}

// PDF关闭后需要执行的自定义方法
private handlePdfClosed() {
    console.debug("PDF阅读器已关闭，执行后续操作");
    // 这里添加你的业务逻辑，比如刷新数据、更新状态等
}

3. 打开PDF时设置状态标记

修改原有打开PDF的代码，在调用FileOpener.open前设置状态标记，同时在打开失败时重置标记：

Filesystem.getUri({
    directory: Directory.Documents,
    path: props.receipt.receiptID + ".pdf"
}).then((getUriResult) => {
    const path = getUriResult.uri;
    console.debug("PATH : " + path);
    // 标记即将打开PDF
    this.isPdfOpened = true;
    FileOpener.open(path, 'application/pdf')
        .catch((error) => {
            console.debug(error);
            // 打开失败时重置标记
            this.isPdfOpened = false;
        });
});

原理说明 #

当用户打开PDF阅读器时，你的App会进入后台；当用户关闭阅读器回到App时，会触发appStateChange事件且isActive为true。通过isPdfOpened标记，可以精准判断这次激活是否来自PDF阅读器的关闭，从而触发对应的处理逻辑。

内容的提问来源于stack exchange，提问作者Yowims