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 的迁移状态
代码语言:javascript复制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