Flutter爬坑之旅

项目地址（github）

---

工作略忙，进度稍慢。以下把过程中的一些关键点总结一下：

1、项目开发时，Android Studio一直用2.3版本，导致Flutter安装不了，所以需把Android Studio升级一下，已升级到3.2.0；
2、升级后的Android Studio，需习惯一下，有很多地方改良了，挺给力；但如果出现项目无缘报错却又编译运行通过的情况，选择File - Invalidate Caches / Restart...，重启Android Studio后即可；
3、下载Flutter sdk，（地址），点击

image.png

4、下载后解压到一个独立的文件夹（命名不能是中文），后面用到路径。
5、打开Android Studio，File - Settings - Plugins，在右边输入Flutter，选择下方的Browse Repositories，选择Flutter下载，过程中会提示是否下载Dart插件，选择下载，下载完成后重启Android Studio；
6、在Setting中会看到以下如图所示的Flutter和Dart信息；

image.png

7、选中Flutter，在Flutter SDK path中选择刚才解压的Flutter sdk路径，dart路径自动生成的；
8、现在就可以创建开发Flutter项目了，File - New - New Flutter Project - New Flutter Application；
9、如果点击Flutter Hod Reload报错，在Setting中输入Instant Run，把勾打上；

image.png

10、pubspec.yaml文件中添加依赖后，选择Packages get后超时，需在用户变量新增两个环境变量（重启电脑后即可）；
PUB_HOSTED_URL ===== https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL ===== https://storage.flutter-io.cn
11、引用asset资源，需要在pubspec.yaml文件中添加声明：

image.png

12、在集成环信IM的过程中，出现Flutter的so文件不能加载而闪退的问题。处理如下

（1）下载环信SDK，发现libs.lite（常规功能）中包含了："armeabi", 'x86', 'armeabi-v7a', 'arm64-v8a'；
（2）环信SDK，libs.av（音视频功能）中包含了：'x86', 'armeabi-v7a', 'arm64-v8a'；
（3）因此，需要把armeabi排除出去；
（4）再看Flutter的规则：flutter在release模式默认生成'armeabi-v7a','arm64-v8a','x86'，debug模式生成'x86','x86_64', 'arm64-v8a'
（5）因此，结合后代码的规则如下：
        debug{
            ndk {
                abiFilters  'x86', 'arm64-v8a'
            }
        }
        release {
            ndk {
                abiFilters  'armeabi-v7a','arm64-v8a'
            }
        }

13、关于"armeabi", 'x86', 'armeabi-v7a', 'x86_64', 'arm64-v8a'的认识：

Android 设备的CPU类型(通常称为”ABIs”)
（1）armeabi-v7a: 第7代及以上的 ARM 处理器。2011年15月以后的生产的大部分Android设备都使用它.
（2）arm64-v8a: 第8代、64位ARM处理器，很少设备，三星 Galaxy S6是其中之一。
（3）armeabi: 第5代、第6代的ARM处理器，早期的手机用的比较多。
（4）x86: 平板、模拟器用得比较多。
（5）x86_64: 64位的平板。
1）armeabi：默认选项，将创建以基于ARM* v5TE 的设备为目标的库。 具有这种目标的浮点运算使用软件
浮点运算。 使用此 ABI （二进制接口）创建的二进制代码将可以在所有 ARM*设备上运行。所以armeabi通
用性很强。但是速度慢
2）armeabi-v7a：创建支持基于ARM* v7 的设备的库，并将使用硬件 FPU 指令。armeabi-v7a是针对有浮点
运算或高级扩展功能的arm v7 cpu。
3）x86:支持基于硬件的浮点运算的IA-32 指令集。x86是可以兼容armeabi平台运行的，无论是armeabi-v7a
还是armeabi，同时带来的也是性能上的损耗，另外需要指出的是，打包出的x86的so，总会比armeabi平台
的体积更小。
总结
如果项目只包含了 armeabi，那么在所有Android设备都可以运行；
如果项目只包含了 armeabi-v7a，除armeabi架构的设备外都可以运行；
如果项目只包含了 x86，那么armeabi架构和armeabi-v7a的Android设备是无法运行的； 如果同时包含了 
armeabi， armeabi-v7a和x86，所有设备都可以运行，程序在运行的时候去加载不同平台对应的so，这是较
为完美的一种解决方案，同时也会导致包变大。

14、

20181121105111399.png

15、Widget没有变化的时候使用StatelessWidget，有变化的话使用StatefulWidget，尽可能的把有变化和无变化的Widget分离。

16、集成他人的flutter项目后，发现第三方依赖包要求了最低的Dart SDK版本。然后更新了AS为最新（3.5.1）再更新Flutter，Dart的SDK（通过AS去更新的），发现dart还是不符合版本，然后去官方下载了Dart SDK，解压，将项目的Dart SDK的路径修改，运行flutter doctor后报错“ 无法将"unblock-file" 项识别为 cmdlet,函数,脚本文件或可运行程”；原因是更新dart sdk的脚本使用的是基于powershell 5.0的语法 win7默认powershell 版本不支持，接着去更新powershell，发现官方下载的不都能更新，提示不适用于此计算机，最后在（https://www.microsoft.com/en-us/download/details.aspx?id=54616
）下载了5个文件，将每个文件都试一把，结果有一个文件按照上了，重启计算机，重新打开项目，package get，成功。。。（注：更新了Dart SDK，有的API需要更新，或者有的dart不存在需要替换。）
17、更新AS为3.5.1及build:gradle 3.5.1之后，需要更新部分Api，EventChannel.EventSink.success和MethodChannel.Result.success 必须在主线程执行，否则闪退。
18、更新AS为3.5.1及build:gradle 3.5.1之后，在9.0手机上运行闪退，修改build:gradle为3.3.1，distributionUrl=https://services.gradle.org/distributions/gradle-4.10.2-all.zip；
19、运行闪退java.lang.ClassCastException: com.bhm.flutter.flutternb.FlutterNBApplication cannot be cast to android.app.AppComponentFactory 去掉tools:replace="android:appComponentFactory"和android:appComponentFactory="FlutterNBApplication"
20、运行闪退Failed resolution of: Lorg/apache/http/params/BasicHttpParams ，适配9.0 Android P 限制了明文流量的网络请求。
21、Image.asset在dart2.1.0版本上可以取相册路径的图片，dart2.5.0上不行了，需要用Image.file
22、flutter1.2版本，在安卓上启动会出现黑屏，即使设置了theme-@drawable/launch_background依然会黑屏，这算需要在AndroidManifest的activity节点下增加 android:name="io.flutter.embedding.android.SplashScreenDrawable"
android:resource="@drawable/launch_background" />
23、Theme.of(context).platform的值取是ThemeData的配置的platform，如果配置的是TargetPlatform.iOS，即使当前运行在Android系统，Theme.of(context).platform的值依然是TargetPlatform.iOS，Platform.isAndroid、Platform.isIOS才能判断出当前系统平台；
24、当state移出tree，setState还在调用抛异常怎么办（如下载文件更新刷新页面，页面关闭setState调用产生溢出），解决：if (mounted) {setState(() {});｝
25、当在dialog initState中做异步操作后setState，此时tree build未完成而抛异常，应该如何解决：WidgetsBinding.instance.addPostFrameCallback((_) {
/// 异步操作 如接口请求
setState(() {});
});