React Native WebView下载PDF在Android打开损坏iOS正常如何解决

• iOS端的WKWebView内置了原生PDF渲染能力，直接传入PDF地址即可正常加载；Android端WebView默认没有集成PDF渲染逻辑，直接加载PDF文件地址就会提示invalid pdf format or corrupted报错。

方案1：使用公共PDF预览服务（仅公网可访问的PDF适用） #

把原PDF地址拼接进在线预览服务的地址中，WebView加载预览服务的地址即可，示例修改代码如下：

<WebView
  renderToHardwareTextureAndroid={true}
  startInLoadingState={isLoading}
  renderLoading={() => {
    return <BarIndicator color="blue" />;
  }}
  mediaPlaybackRequiresUserAction={false}
  javaScriptEnabled={true}
  // 仅修改source部分即可
  source={{
    uri: `https://docs.google.com/gview?embedded=true&url=${encodeURIComponent(webviewUrl)}`,
    headers: webviewHeaders,
  }}
  style={drawerWebviewStyles.container}
/>

注意：该方案要求你的PDF地址是公网可访问的，若PDF需要携带身份认证头、或者是内网地址，该方案不可用。

方案2：内嵌PDF.js渲染（支持内网/带认证头的PDF） #

将Mozilla开源的PDF.js静态资源打包到App本地包中，通过本地的PDF.js去加载远程PDF资源，可自定义传入请求头适配认证场景，兼容性最好。

方案3：下载到本地调用系统阅读器打开 #

如果不需要在WebView内展示PDF，可以先通过文件下载库把PDF下载到本地存储空间，再调用系统安装的PDF阅读器打开，加载成功率最高。

• 确认PDF接口返回的响应头Content-Type值为application/pdf，若服务端返回的类型错误也会触发格式识别失败。
• 确认Android端WebView的存储权限、网络权限已正常申请，避免PDF资源下载不全导致损坏。

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