使用webview_flutter在Android端无法显示Word/PDF文档问题求助

针对你遇到的Android端WebView显示Word文档空白、iOS正常的问题，可尝试以下几个解决方案：

• 改用在线预览服务渲染文档
  Android系统的WebView默认没有内置Word文件的渲染能力，而iOS的WebKit框架原生支持。你可以借助微软的在线Office预览服务，将原文档URL转换为预览链接后加载：
  修改代码中的loadRequest部分：

  ..loadRequest(Uri.parse('https://view.officeapps.live.com/op/view.aspx?src=${Uri.encodeComponent(url)}'))
  

  该服务会将Word文档转换为网页格式，让Android WebView可以正常渲染。

• 补充WebView必要配置并排查错误

  1. 若加载的是本地文件，需开启文件访问权限：

     ..setAllowFileAccess(true)
     ..setAllowContentAccess(true)
     

  2. 完善onWebResourceError回调，打印具体错误信息，定位问题根源：

     onWebResourceError: (WebResourceError error) {
       print('Web加载错误：${error.description}，错误码：${error.errorCode}');
     },
     

• 处理混合内容访问限制
  如果你的Word文档URL使用HTTP协议，而App的目标SDK在24及以上，Android默认会阻止HTTPS页面加载HTTP资源。可在AndroidManifest.xml的<application>标签中添加：

  android:usesCleartextTraffic="true"
  

  或者优先使用HTTPS协议的文档链接。

• 检查布局与背景色设置

  1. 你设置了WebView背景色为透明，若文档加载后背景也为透明，可能会看起来空白，可临时改为白色测试：

     ..setBackgroundColor(Colors.white)
     

  2. 确保WebView有足够的显示高度，比如用Expanded包裹，或者给Container指定明确高度，避免因高度为0导致无法显示内容。

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