Flutter 开发桌面应用——迁移已有App应用到桌面版，安卓已死

最新推荐文章于 2024-08-30 11:34:55 发布

2401_84149814

最新推荐文章于 2024-08-30 11:34:55 发布

阅读量1.1k

点赞数 21

分类专栏：程序员文章标签： flutter android

本文链接：https://blog.csdn.net/2401_84149814/article/details/137484362

版权

程序员专栏收录该内容

265 篇文章 1 订阅

订阅专栏

本文介绍了如何使用GoFlutter的hover命令行工具进行项目初始化和迁移，包括设置代理、添加环境变量、修改main_desktop.dart以支持桌面版运行，以及处理插件迁移的问题。还分享了Android开发者的学习资源，如架构理论和面试题解答。

摘要由CSDN通过智能技术生成

安装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 sr / l oc a l / g o / bin e x p or tP A T H =$ PATH:/Users/{你的用户名}/go/bin
//可以检查一下你的home目录是否有了go的目录，里面有个bin，将那个目录加入到环境变量即可

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

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

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

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

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

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

大功告成，运行项目吧。

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

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

手机版本身效果：

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

Go Flutter运行的桌面版效果：

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

FAQ：

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

当然不是，我们都知道我们用了很多插件，其实是只支持Android或者iOS的，如果你用得比较多的这种插件，那么你可能迁移到桌面端过来会比较麻烦。我的整体迁移的时间大概只用了2-3个小时，我用到了sqflite和shared preference，这两个插件Go flutter已有实现，所以很容易替换。

2.如何使用Go flutter的插件

我们知道我们所有和原生通信都是通过定义一个method channel来通信的。如果你用到的插件只支持Android或者iOS，那么你就需要在desktop中去实现这个插件的method channel的所有方法。目前Go flutter只有三个插件可以用，在这里可以找到。github.com/go-flutter-… 点击某个插件，就可以看到使用方法，就是把对应代码贴到，desktop里面的option文件中即可，不要找错地方了，官网没说得太清楚。