Flutter Web项目

Flutter 最近发布了 Flutter V2.5.1，其性能得到了很大提升，支持 Web、macOS、Android 和 iOS。这就是为什么今天我们使用在 Web、macOS 应用、Android 和 iOS 应用上运行的 flutter 创建响应式博客主题。此外，我们创建了一个具有自定义悬停动画的动画网络菜单。最后，您将学习如何使用 Flutter 制作响应式应用程序。

目前已新增桌面支持

预览地址：http://47.117.1.68:251/#/

ui

哔哩哔哩

https://www.bilibili.com/video/BV1oA411T7nD?spm_id_from=333.999.0.0

项目地址

github

https://github.com/ITmxs/Flutter--Mobile-Tablet-and-Web

gitee

https://gitee.com/itmxs/Flutter--Mobile-Tablet-and-Web/

• Flutter Web项目
• 全局激活
• 勾号表示该版本正在您的项目中运行。
• 如果你的是旧项目添加 fvm
• 6.1使用迁移工具
  • 6.2手动迁移
• 6.3.分析
• 6.4测试

Flutter 最近发布了 Flutter V2.5.1，其性能得到了很大提升，支持 Web、macOS、Android 和 iOS。这就是为什么今天我们使用在 Web、macOS 应用、Android 和 iOS 应用上运行的 flutter 创建响应式博客主题。此外，我们创建了一个具有自定义悬停动画的动画网络菜单。最后，您将学习如何使用 Flutter 制作响应式应用程序。

目前已新增桌面支持

主分支默认空安全

使用fvm版本控制

全局激活

pub global activate fvm 打印已安装的 fvm 列表fvm list，

通过运行fvm use 2.5.1（在我的例子中是 12.5.1，它可能会根据您所需的版本而有所不同）命令选择要使用的 Flutter SDK 版本，如果尚未安装，它将下载 SDK；现在，您可以通过运行来检查项目中是否正在运行 flutter flutter；此外，您还可以通过再次调用来检查 Flutter SDK 版本是否设置fvm list。

勾号表示该版本正在您的项目中运行。

fvm use 2.5.1--force

如果你的是旧项目添加 fvm

对于就项目我们如果想切到 fvm 的 flutter 环境，这个步骤还是非常简单的。在项目根路径下执行：$ fvm use 2.5.1--force

完成上面的命令，会有个 .fvm 文件夹生成，然后配置 IDE，方法同上。可以愉快的玩耍 flutter 了。

博客项目迁移空安全教程

1. 创建分支命名为

flutter2.5.1_null-safety，并切换到新分支。

2.执行flutter doctor

3.查看dart版本，是否为2.12或更高

4. 检查所有依赖的迁移状态

通过以下命令检查你的 package 的迁移状态

dart pub outdated --mode=null-safety

上面的输出说明了所有依赖的 package 都有可使用的已支持空安全的预发布版本。

5.升级依赖

在迁移你的 package 的代码之前，请将它的依赖项升级至空安全版本。

运行 dart pub upgrade --null-safety 将依赖升级至支持空安全的最新版本。注意： 该命令会更改你的 pubspec.yaml 文件。

dart pub upgrade --null-safety

运行 dart pub upgrade。

dart pub upgrade