flutter实战项目之全平台(android,windows,ios,web,macos,linux)

2021-11-30 20:17:26 浏览数 (1)

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 文件。

代码语言:javascript复制
dart pub upgrade --null-safety

运行 dart pub upgrade

代码语言:javascript复制
dart pub upgrade

0 人点赞