在 react native 中使用 apisauce 下载 pdf 文件

问题描述

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

我已经在谷歌搜索过,但我没有任何线索,而且我是原生反应的新手。

谁能告诉我如何解决这个问题。

解决方法

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

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

请按照以下步骤操作:

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

纱线添加 rn-fetch-blob

  1. 如果使用 CocoaPods,请将 Pod 添加到您的 Podfile

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

  1. 在您的 .js.tsx 文件中导入包
  2. 在下载函数中添加以下代码并使用下载按钮调用该函数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) => {}); 
    

if (Platform.OS === 'ios')

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

应该就是这样了。 如果您觉得有趣,请点赞我的解决方案。 请标记我的解决方案为已接受的答案,它解决了问题。