flutter项目中添加web支持

Posted 2023-03-19

参考技术A Flutter 2.5.1

在项目目录下，在终端运行以下命令：

Flutter 中文文档 - Flutter 中文资源 | 在 Web 中展示图片

在无法修改服务器配置的情况下可以使用html渲染。此外官方文档中建议，如果显示的图片较多，使用html渲染性能更好

webview只支持移动端，其它平台尝试打开网页
webview - web view for flutter web application - Stack Overflow

使用 package_info_plus | Flutter Package (pub.dev) 替换package_info

使用 --base-href ，可设置服务器子目录

向我的项目添加风味后，我无法初始化 Flutter for web

【中文标题】向我的项目添加风味后，我无法初始化 Flutter for web

【英文标题】：I cannot initialize Flutter for web after adding flavors to my project

【发布时间】：2021-02-10 06:19:02

【问题描述】：

我有一个目前为 iOS 和 Android 构建的 Flutter 项目。我围绕 Flutter v1.9 左右创建了这个项目。自从创建项目以来，我通过 here 找到的指南为我的项目（开发、产品）添加了风味支持

但是，完成此操作后，我似乎无法为我的项目添加网络支持。按照 Flutter 的官方说明为预先存在的项目启用 web，我尝试在项目的根目录中运行 flutter create .。当我这样做时，我得到了输出：

The Xcode project defines schemes: dev, prod You must specify a --flavor option to select one of the available schemes.

所以我尝试运行：flutter create . --flavor=dev 并得到 Multiple output directories specified. Try moving --flavor=dev to be immediately following create

太好了，我试试：flutter create --flavor=dev . 并得到 Could not find an option named "flavor".

有谁知道我如何为这个项目初始化网络？谢谢。

【问题讨论】：

你在使用不同的主文件入口点吗？！如果没有，将不会在网络上工作。你应该有一个 main_dev.dart 和 main_prod.dart（如果你想要更多的味道，甚至更多）

我没有使用不同的入口点，不。有没有一种方法可以创建多个入口点，而不必撤消我为使用 --flavor 创建风味所做的所有工作？

【参考方案1】：

您需要执行以下操作：

转到根文件夹并手动将ios 文件夹临时重命名为ios1 之类的名称

转到终端并确保您处于根目录下，然后运行以下行：

flutter create --platforms=web .

返回项目文件夹并手动将ios1重命名为ios

完成