我试图在 flutter web 中从互联网上获取一些需要添加标题的图片。 我用过 cached_network_image: ^2.5.1 并且它不完全支持网络也 Image.network 似乎在网络上运行 flutter 时,不使用 header 。这两种方式都可以在 Android 版本上成功运行。
environment:
sdk: ">=2.7.0 <3.0.0"
Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, 2.0.4, on Microsoft Windows [Version 10.0.19042.985], locale en-US)
[√] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
[√] Chrome - develop for the web
[√] Android Studio (version 4.1.0)
[√] IntelliJ IDEA Ultimate Edition (version 2020.1)
[√] Connected device (3 available)
• No issues found!
最佳答案
借助 cached_network_image: 3.0.0,我可以使用 CachedNetworkImageProvider 类添加 header 。
CachedNetworkImageProvider(
"${IOConfig.apiUrl}",
headers: {"Authorization": "Bearer $apiToken",
"Access-Control-Allow-Headers": "Access-Control-Allow-Origin, Accept"}
,imageRenderMethodForWeb: ImageRenderMethodForWeb.HttpGet)
我必须以更改网络渲染器的参数开始它
flutter run -d chrome --web-renderer html
关于flutter - 如何在 flutter web 中支持 HTTP header NetworkImage,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/67689420/