使用Fluter打包一个Mac和Windows桌面端应用大小比拼

本文详细介绍了如何安装Flutter最新版并配置环境变量,通过flutter doctor检查依赖,创建并运行桌面应用,以及针对Windows、macOS和Linux进行打包的步骤。在打包过程中,注意到Windows应用较小,而macOS应用较大。最后提供了Flutter官方桌面支持教程链接。
摘要由CSDN通过智能技术生成

1.先按照官网下载安装Flutter3以后的版本才支持打包桌面应用:

Flutter SDK releases | Flutter

2.下载后解压,然后将flutter中的bin路径添加到环境变量中:

windows:

mac:(大致意思就是先下载,然后解压,然后将解压后的flutter/bin的绝对路径添加到环境变量中)

 比如我的:

 

3.安装相关依赖:

mac和windows通用命令:

flutter doctor

4.创建一个app:

mac和windows通用:(按照官网给的一个demo创建并打包)

flutter create my_app
cd my_app

可以直接尝试运行,然后再执行打包操作:

运行命令:

flutter run -d windows
flutter run -d macos
flutter run -d linux

5.打包然后启动:

打包命令:

flutter build windows
flutter build macos
flutter build linux

windows:整体大小19.7M,至少比electron打包的小太多了,哈哈哈哈

macos打包并运行:同样一个app竟然大到46M,我。。。。。无语死

最后放上官网教程:

Desktop support for Flutter | Flutter

Flutter MaterialApp API 是 Flutter 提供的一个核心组件,用于创建一个基于 Material Design 风格的应用程序。它是一个如何使用 Material Design 风格的应用程序的入口点。 MaterialApp API 提供了许多属性和方法,用于配置和自定义应用程序的外观和行为。其中一些重要的属性包括: 1. title:应用程序的标题,它将显示在应用程序的任务栏或应用程序切换器上。 2. theme:应用程序的主题,包括颜色、字体和形状等。可以通过 ThemeData 类实例化一个主题对象,并将其分配给 theme 属性。 3. home:应用程序的主页,通常是一个 StatefulWidget 对象。当应用程序启动时,将显示主页的内容。 4. routes:定义应用程序的不同页面的路由,可以使用命名路由的方式进行导航。 5. initialRoute:定义应用程序初始显示的页面路由。当应用程序启动时,将自动跳转到指定的初始路由。 6. onGenerateRoute:定义一个函数,用于根据路由名称动态生成页面。可以通过该函数实现动态路由的功能。 7. navigatorObservers:定义一个列表,用于添加导航观察者。导航观察者可以用于监听页面的导航事件。 通过使用 MaterialApp API,我们可以轻松地创建一个基于 Material Design 风格的应用程序,并对其进行自定义和配置。它为我们提供了许多强大的功能和灵活的选项,使我们能够构建出符合用户期望并风格统一的 Flutter 应用程序。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

1024小神

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值