Flutter：包体瘦身秘籍，用对方法，轻松省空间
2023-12-26 00:42:26
Flutter包体瘦身秘籍：让你的应用畅享丝滑体验
简介
Flutter是一个跨平台移动应用开发框架，因其构建精美且高效的应用的能力而广受赞誉。然而，随着应用功能的不断增加，包体大小往往也会随之增大，从而影响应用的安装速度和用户体验。本文将深入探讨Flutter包体优化技巧，帮助开发者打造小巧、高效的应用。
认识Flutter包体结构
Flutter应用的包体主要由以下部分组成：
- DEX文件： 包含编译后的代码和资源信息，通常占比较大。
- 资源文件： 包括图片、字体、声音等应用资源。
- 原生库： 与平台相关的代码，如原生界面控件。
必杀技一：代码混淆
代码混淆通过混淆变量名、类名和方法名等信息来隐藏源代码，增加逆向工程难度，保护知识产权。
// 混淆前
int sum(int a, int b) {
return a + b;
}
// 混淆后
int a(int b, int c) {
return b + c;
}
必杀技二：资源压缩
资源压缩减少资源文件大小，包括图片压缩、字符串压缩和布局压缩。
// 图片压缩
Image.asset('assets/image.jpg', width: 100, height: 100, fit: BoxFit.cover);
// 字符串压缩
Text('Hello World', style: TextStyle(fontSize: 16));
// 布局压缩
Row(
children: [
Text('Label:'),
SizedBox(width: 8),
Text('Value'),
],
);
必杀技三：本地化
本地化将应用内容翻译成不同语言，减少包体大小，满足全球用户需求。
// 中英文本地化
Map<String, String> translations = {
'hello': '你好',
'world': '世界',
};
// 根据设备语言加载本地化资源
var locale = Localizations.localeOf(context);
var text = translations[locale.languageCode];
必杀技四：预编译
预编译提前将代码编译成机器码，减少应用启动时间。
// 生成的预编译文件
build/app/generated/build_info/arm64-v8a/precompiled/release/classes.dex
必杀技五：平台预热
平台预热在应用启动前预加载资源或进行初始化工作，缩短启动时间。
// AndroidManifest.xml
<application
...
android:vmSafeMode="true">
必杀技六：渐进式渲染
渐进式渲染逐步加载和渲染应用内容，让用户在等待应用加载时也能与应用交互。
// Flutter的lazyLoadingEnabled选项
new WidgetsFlutterBinding.ensureInitialized().makeFlutterEngine(dartVmArgs: <String>['--lazy-loading']);
必杀技七：缓存机制
缓存机制将数据临时存储在内存或磁盘中，快速访问，提高应用性能。
// 使用SharedPreferences缓存数据
final prefs = await SharedPreferences.getInstance();
prefs.setString('token', '123456');
必杀技八：子包管理
子包管理将应用划分为多个子包，根据需要动态加载或卸载。
// 拆分为两个子包：core和features
// app/build.gradle
dependencies {
// core子包
implementation project(':core')
// features子包
implementation project(':features')
}
必杀技九：Gradle脚本
Gradle脚本是构建和管理Android项目的工具，可自定义构建过程。
// 配置混淆规则
android {
...
buildTypes {
release {
...
minifyEnabled true
proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
}
}
}
必杀技十：Manifest文件
Manifest文件配置应用包名、版本号等信息，优化Manifest文件可减少包体大小。
// 精简Manifest文件
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.example.myapp">
<application
android:allowBackup="true"
android:label="@string/app_name">
</application>
</manifest>
必杀技十一：ProGuard和R8
ProGuard和R8是代码混淆工具，移除无用代码和资源，减小包体大小。
// 启用R8
android {
...
buildTypes {
release {
...
useProguard false
r8 {
enabled true
}
}
}
}
必杀技十二：混淆配置
混淆配置指定混淆规则和范围，优化混淆配置可提高混淆效率。
// 配置混淆规则
-keep class com.example.myapp.MainActivity {
public <init>(...);
}
必杀技十三：资源收集
资源收集将所有资源文件集中到一个或多个资源包中，便于管理和优化。
// 创建资源包
flutter packages pub run flutter_assets
必杀技十四：图片压缩
图片压缩减小图片文件大小，优化包体大小。
// 使用第三方库压缩图片
final image = await FlutterImageCompress.compressWithList(
imageData,
minWidth: 500,
minHeight: 500,
quality: 75,
);
必杀技十五：矢量资源
矢量资源使用数学方程生成图像，提供更高质量，占用更少存储空间。
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="24dp"
android:height="24dp"
android:viewportWidth="24"
android:viewportHeight="24">
<path
android:fillColor="#FF0000"
android:pathData="M12 0C8.9543 0 6.1457 1.9543 6 4.2426L1 13.3889L12 20.2426L23 13.3889L17.999 4.2426C17.8543 1.9543 15.0457 0 12 0Z" />
</vector>
必杀技十六：多渠道打包
多渠道打包为不同渠道生成特定版本，减小包体大小，提高灵活性。
// app/build.gradle
productFlavors {
flavor1 {
applicationIdSuffix ".flavor1"
}
flavor2 {
applicationIdSuffix ".flavor2"
}
}
必杀技十七：动态特性
动态特性可动态加载和卸载，模块化应用，减小包体大小。
// app/build.gradle
dynamicFeatures = [':feature_module']
必杀技十八：App Bundle
App Bundle是优化APK文件的发布格式，减小包体大小，提高安装成功率。
// app/build.gradle
android {
...
buildTypes {
release {
...
buildConfigField "boolean", "multiDexEnabled", "false"
}
}
}
必杀技十九：DEX文件
DEX文件包含编译后的代码和资源信息，优化DEX文件可提高性能，减小包体大小。
// 查看DEX文件优化信息
flutter build apk --verbose
必杀技二十：ART
ART是Android运行时环境，提供更好的性能和更快的启动速度。
// 启用ART
android {
...
compileOptions {
targetCompatibility JavaVersion.VERSION_1_8
sourceCompatibility JavaVersion.VERSION_1_8
}
}
常见问题解答
问：如何衡量包体大小优化效果？
答： 使用Android Studio的APK Analyzer工具分析包体大小，比较优化前后的差异。
问：混淆后应用是否会崩溃？
答： 可能，因此在混淆前务必进行充分测试。
问：本地化后应用是否会增大包体大小？
答： 取决于翻译的语言数量。但通过使用拆分包等技术可以减小包体大小。
问：预编译是否会影响应用性能？
答： 预编译通常
