Flutter 开发桌面应用——迁移已有App应用到桌面版

Go Flutter由于本身Go语言就是跨平台的,所有它只有一个desktop目录,表示桌面版,相比于flutter desktop它让开发者完全不需要去关心macOS或者windows开发了,desktop中全是go语言编写的内容,最后desktop可以编译成三中平台的可执行文件。开发者只需要会Go语言即可。

它的缺点就是如果win或者mac或者linux你要在不同的平台做一些特殊的功能或者界面,会特别麻烦,不像在Flutter desktop中直接在宿主项目中实现即可。

对比结果如何选择

首先我们要明确,两种方案都不太成熟,但是如果要用来开发,也不是用不了。大家选择的时候可以根据自身技术栈,以及产品的特性来选择。

如果你懂Go语言,同时你的程序是阅读类,或者偏业务类,基本不需要和本身Native交互的,选 Go Flutter真的很爽。

如果你懂一点macOS或者windows开发,同时你的程序经常三个桌面端各有特色,而且需要修改本身整个window的一些样式,那么选择Flutter desktop embedding。

Go Flutter实际使用

上面说了这么多,我们来实际体验一下Go flutter。先说一下背景,我已经使用flutter开发了一款App,现在我要把App变成可以运行到桌面的版本。我写的软件叫做Everything是一款记录类软件,在这里可以下载到everything.apppills.com大家可以先看一下效果。

  1. 安装Go ,由于Go flutter使用Go编写,所以需要安装Go工具包。大家可以在官网下载安装

  2. 安装hover,hover是 Go Flutter的一个命令行工具,简化了项目初始化以及运行等步骤。

使用下面命令安装

go get -u github.com/go-flutter-desktop/hover

注意如果上面的命令卡住下载不下来,大家可以设置一下代理,设置命令行代理,然后在命令行输入命令设置

export http_proxy=“http://127.0.0.1:8001”; export HTTP_PROXY=“http://127.0.0.1:8001”; export https_proxy=“http://127.0.0.1:8001”; export HTTPS_PROXY=“http://127.0.0.1:8001”
//8001改成你的ss监听的端口

⚠️ 注意:安装好hover之后,官网上说就可以使用hover命令了,但是可能你在命令行里敲hover可能还是得到的是command not found。 这里我用的是mac系统,在安装好之后,在home目录多了一个go的目录,需要在你的环境变量里加入一下go的包路径。

export PATH= P A T H : / u s r / l o c a l / g o / b i n e x p o r t P A T H = PATH:/usr/local/go/bin export PATH= PATH:/usr/local/go/binexportPATH=PATH:/Users/{你的用户名}/go/bin
//可以检查一下你的home目录是否有了go的目录,里面有个bin,将那个目录加入到环境变量即可

  1. 进入你以前开发App的flutter项目,执行命令初始化项目

hover init github.com/my-organization/simpleApplication
//后面这个github.com xxxx就是你的项目仓库地址。没有的话随便写也行

初始化项目完成后,你会在你的项目中发现一个desktop目录,和以前的iOS和Android是平级的。这个desktop目录就是桌面版的项目。

  1. 把你的main.dart复制一份名字改为main_desktop.dart,Go flutter有个特别的地方,就是程序的入口不是用的main.dart,而是用的main_desktop.dart。

修改main_desktop.dart为使用桌面版运行

void main() {
// 关键是下面这一句
debugDefaultTargetPlatformOverride = TargetPlatform.fuchsia;
runApp(new MyApp());
}

  1. 大功告成,运行项目吧。

hover run
//执行 hover run 可以运行项目

我们先来看一下运行效果下面是App的运行效果和桌面版的运行效果。

手机版本身效果:

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

Go Flutter运行的桌面版效果:

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

FAQ:

1.程序按照上面那样迁移完成就能跑?

最后

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长,自己不成体系的自学效果低效漫长且无助

因此我收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门

如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
bs.csdn.net/topics/618165277)

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

  • 12
    点赞
  • 23
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值