如何在 React Native 中使用 apisauce 下载 pdf 文件？答案

【问题标题】：How can I download the pdf file using apisauce in React Native?如何在 React Native 中使用 apisauce 下载 pdf 文件？
【发布时间】：2021-05-07 17:33:39
【问题描述】：

我将 apisauce 用于基本的 http 请求，如 GET 和 POST，它运行良好。现在我也需要能够下载 pdf 文件。用apisauce可以吗？如果是这样，有人有一些示例代码吗？

【问题讨论】：

您是否使用 GET/POST 请求成功获取 PDF 链接？

标签： react-native apisauce

【解决方案1】：

我不确定apisauce，但对于从互联网上的url下载pdf，

我更喜欢使用这个包：rn-fetch-blob，因为它稳定并且有很好的文档。

按照以下步骤操作：

在终端 (MAC/Linux) 或命令提示符 (Windows) 中运行以下命令

纱线添加 rn-fetch-blob

如果使用 CocoaPods，请将 pod 添加到您的 Podfile 中

pod 'rn-fetch-blob', :path => '../node_modules/rn-fetch-blob'

在 .js 或 .tsx 文件中导入包
在下载函数中添加以下代码并调用下载按钮为pressed的函数

if (Platform.OS === 'android') ==>

        RNFetchBlob.config({
          fileCache: false,
          addAndroidDownloads: {
            useDownloadManager: true,
            notification: true,
            mime: 'application/pdf',
            path:
              `/storage/emulated/0/Download/${file_name}.pdf`,
          },
        })
          .fetch('GET', api, {'Cache-Control': 'no-store'})
          .then((res) => {})
          .catch((errorMessage, statusCode) => {});

如果（Platform.OS === 'ios'）

      const {
        dirs: {DownloadDir, DocumentDir},
      } = RNFetchBlob.fs;
      const fPath = `${DocumentDir}/${file_name}.pdf`;
      RNFetchBlob.config({
        fileCache: true,
        path: fPath,
        notification: true,
        appendExt: 'pdf',
      })
        .fetch('GET', api, {
          Authorization: 'Token ' + token,
        })
        .then(async (resp) => {
          RNFetchBlob.fs.writeFile(fPath, resp.data, 'base64');
          RNFetchBlob.ios.previewDocument(fPath);
        });

【讨论】：