网站建设资讯

NEWS

网站建设资讯

flutter包包体积,flutter打包的app有多大

Flutter初探--常用依赖包

国外地址:

创新互联专注于乐东黎族网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供乐东黎族营销型网站建设,乐东黎族网站制作、乐东黎族网页设计、乐东黎族网站官网定制、微信小程序服务,打造乐东黎族网络公司原创品牌,更为您提供乐东黎族网站排名全网营销落地服务。

国内镜像:

以 flutter_screenutil 为例

路由框架 annotation_route

状态管理 provider

UI适配 flutter_screenutil

刷新控件 flutter_easyrefresh

网络请求 dio

toast控件 fluttertoast

图表库 charts_flutter

网络监听 connectivity

事件总线 event_bus

日历组件 table_calendar

官方webview webview_flutter

第三方webview flutter_webview_plugin

该篇文章为常用依赖包总结,用来记录所需要的常用依赖包,后续会不断扩充内容~

Flutter 的Android 、iOS 打包

Flutter 项目虽说是跨平台项目,但是项目的名称还是需要在不同的平台设置,不同平台的设置位置是:

1、 Android 项目名字配置是在 android/app/src/main/AndroidManifest.xml 文件中的 application 下的 android:label 。如下图所示:

2、 iOS 项目名字配置是在 ios/Runner/Info.plist 文件中的 dict 下的 keyCFBundleName/key stringtestapp/string 。如下图所示:

Flutter 项目虽说是跨平台项目,但是项目的 Logo 图标还是需要在不同的平台设置,不同平台的设置位置是:

1、 Android 项目 Logo 配置是在图片放置在 android/app/src/main/res 下的对应目录下:

mipmap-mdpi : 48 _ 48

mipmap-hdpi : 72 _ 72

mipmap-xhdpi :96 _ 96

mipmap-xxhdpi :144 _ 144

mipmap-xxxhdpi :192 * 192。如下图所示:

然后,在 android/app/src/main/AndroidManifest.xml 路径下的 AndroidManifest.xml 文件中的 android:icon 。如下图所示:

2、 iOS 项目 Logo 的配置是在 ios/Runner/Assets.xcassets/AppIcon.appiconset 文件下,直接更换图片,名字不要改动 。如下图所示:

1、使用 cd 指令进入项目(testapp)的根目录(方便后面操作),如下图所示:

填写对应的值,如下图所示:

1、 build.gradle 文件的位置,如下图所示:

2、在 build.gradle 中配置 key.propreties 的全局变量,

如下图所示:

3、 build.gradle 文件中进行签名配置。

如下图所示:

注意: buildTypes 中的 signingConfig signingConfigs.debug 可以变更为 signingConfig signingConfigs.release ,这样在打包的时候,直接可以 flutter build apk ,否则就执行 flutter build apk --release 。如图所示:

1、 cd 进入功能(testapp) 的根目录,如下图所示:

2、执行 flutter build apk 指令,如下图所示:

我们打包成功, 生成的 apk 包在 build/app/outputs/apk/release/app-release.apk 目录下,如下图所示:

1、将真机通过 USB 链接到电脑上,如下图所示:

2、然后,在项目的根目录执行 flutter install , 如果出现电脑同时有多个设备时,就执行 flutter install -d deviceid 。如下图所示:

3、设备的安装过程如下:

1、必须一个 Xcode 开发工具

2、如果是 Window 的电脑,请安装 Mac 虚拟系统,进行安装 Xcode .

1、打开目录下的 Runner.xcworkspace 工程。

如下图所示:

2、在 ios 工程中配置 Signing Capabilities , 如下图所示:

1、进入项目的根目录

2、打包指令 flutter build ios --release

如图所示:

3、使用 Xcode 工具进行打包

如图所示:

注意:进行该步骤,必须执行 flutter build ios --release 否则会报错。

打包成功,如下图所示:

flutter 常见问题之app体积为何比较大

细心的开发者会发现flutter构建的App体积比native的大一些,是什么原因造成App体积大呢?

其实flutter 在release时App体积和native的大小差不多,而debug时体积通常会大。debug版本体积较大是为了Hot reload和快速编译。如果有flutter开发经验的朋友都体验过,如果您修改一下App的背景颜色,只需save一下就可以立刻看到修改后效果。我称之为“像艺术家一样在创造App”,因此为了实现这些目标,提高开发的效率,debug将占用全部资源。而当我们构建release版时,flutter又会采用AOT策略,提高App运行效率,release版只打包必需的资源,因而体积又会减少。

另外,flutter团队也一直在寻找减小程序大小的方法。


名称栏目:flutter包包体积,flutter打包的app有多大
本文网址:http://cdweb.net/article/dsisogs.html