在 Flutter Web 浏览器的 assets 文件夹中显示本地存储的 html 文件

Posted

技术标签:

【中文标题】在 Flutter Web 浏览器的 assets 文件夹中显示本地存储的 html 文件【英文标题】:Display locally stored html file in assets folder on browser in Flutter Web 【发布时间】:2020-10-10 11:56:32 【问题描述】:

我见过的大多数答案都是针对移动设备的,但是有没有办法在 Flutter Web 的浏览器上打开存储在资产文件夹中的 html 文件?我已经尝试过 URL 启动器,但找不到获取资产存储位置 URL 的方法。一堆其他解决方案指向移动设备上的 WebView,但我的问题与网络更相关。有什么想法吗?

【问题讨论】:

【参考方案1】:

你需要做两件事:

    不要将 HTML 存储在资产中,而是将其存储在 index.html 所在的 /web 文件夹中。 使用url_launcher插件启动地址。

例如,假设您有一个要从 Flutter Web 应用程序打开的 privacy.html 文件。将其复制到项目中的/web 文件夹。然后使用url_launcher 并调用launch()

launch('/privacy.html')

这将打开一个带有 HTML 页面的新浏览器选项卡。

【讨论】:

以上是关于在 Flutter Web 浏览器的 assets 文件夹中显示本地存储的 html 文件的主要内容,如果未能解决你的问题,请参考以下文章

需要在 Flutter web view 中使用 src 通过 HTML 添加图片资源

将 Flutter 应用迁移到 Flutter Web 时如何显示图像资产?

Flutter:无法找到“flutter_assets”错误的资产路径

解决盒约束widget和assets里的加载资产技术在Flutter框架运用的方案Flutter高级技术

Flutter Web 图标在 Apache 实时服务器上出现错误 404

如何在 Flutter 中获取 Asset 对象的路径?