Flutter v1.12.13 的一些坑

時間 2020-01-16

標籤 flutter v1.12.13 一些简体版

原文原文鏈接

最近忙着升級Flutter SDK版本，遇到了一些問題，因而記錄下來。android

資源文件命名

cannot load assets file starting with "#" from the rootBundle after installios

#開頭 #xxxx.png
帶空格 xxx xxx.png
中文字符 4401-校歷.svg
特殊字符非拉丁

解決git

修改命名方式
執行git revert 383e90eb13bdc50ca0cce9f2575329ba8593506e，回滾Flutter版本
坐等官方發hotfix

命名不規範，alex兩行淚github

ios bitcode

由於某些問題，現存的ios 項目沒法開啓 bitcode，可是v1.12.13中Flutter默認開啓了這個，而且引擎也是enable bitcode了的。這個會致使整個項目沒法編譯成功。網上處處搜索了下，也問了一些ios大佬，最終Flutter Team大佬告訴了使用命令來抽離出bitcode的辦法。api

執行命令flutter build ios-framework --no-debug --no-profile，生成App.framework(20.2MB)和Flutter.framework(369.8MB)

➜  flutter_module flutter build ios-framework --no-debug --no-profile
Building framework for com.example.flutterModule.cc in release mode...
 ├─Populating Flutter.framework...                               1,486ms
 ├─Building Dart AOT for App.framework...
  121.1s (!)
 ├─Assembling Flutter resources for App.framework...                0.2s
 └─Moving to build/ios/framework/Release                            0.0s
複製代碼

cd 到framework，使用xcrun bitcode_strip -r app -o app抽離bitcode app 爲App.framework 裏面的那個可執行文件

同理也給Flutter.framework作相同操做xcrun bitcode_strip -r Flutter -o Flutter緩存

抽離以後App.framework(10.6MB)和Flutter.framework(39.2MB)bash

安卓混合開發代碼遷移

add-to-app官方文檔喵在Flutter 升級 1.12 適配教程中提到了關於插件註冊的變化，這部分我就再也不提了。網絡

FlutterActivity 設置透明官方api有問題，BackgroundMode枚舉並無暴露出來

FlutterActivity
    .withNewEngine()
    .backgroundMode(FlutterActivity.BackgroundMode.transparent)
    .build(context)
複製代碼

暫時能夠經過下面代碼來設置app

Intent intent = FlutterActivity.withNewEngine().initialRoute('route').build(activity);
       intent.putExtra("background_mode","transparent");
       activity.startActivity(intent);
複製代碼

官方支持緩存引擎

可是我沒有發現初始化route的方法,若是從原生進一個flutter頁面就要new一個引擎，那麼這個 FlutterEngineCache的做用是？但願有知道的小夥伴能答疑一下。maven

更新

你能夠經過 flutterEngine.getNavigationChannel().setInitialRoute('my/route');

可是頁面堆載管理就比較複雜了，這也是鹹魚flutter_boost爲咱們作的事情了。

建立

// Instantiate a FlutterEngine.
    flutterEngine = new FlutterEngine(this);

    // Start executing Dart code to pre-warm the FlutterEngine.
    flutterEngine.getDartExecutor().executeDartEntrypoint(
      DartEntrypoint.createDefault()
    );

    // Cache the FlutterEngine to be used by FlutterActivity.
    FlutterEngineCache
      .getInstance()
      .put("my_engine_id", flutterEngine);
複製代碼

使用

startActivity(
      FlutterActivity
        .withCachedEngine("my_engine_id")
        .build(currentActivity)
      );
複製代碼

混合開發調試熱重載

混合開發通常都是安卓aar，ios framework這種方式，v1.12.13裏面支持調試和熱重載等功能。

方法很簡單，以安卓爲例子。

打debug的flutter aar，引用到安卓項目中，你能夠用maven本地引用，也能夠上傳到本身的maven庫中遠程引用。
debug運行安卓項目
vscode中打開你的flutter module項目，vscode的command palette中找到 debug:flutter attach to process(devices)
進去你安卓項目中的flutter模塊，這個時候vscode會同步文件到設備中。

我試了下能夠debug，能夠熱重載，可是感受有bug，第一次進去不會進斷點，必須熱重載一下。

ios的話，有bug，熱重載報錯

對於以前苦逼進行混合調試的我來講，已經很不錯了，將就用了，但願官方繼續完善。

安卓華爲設備閃退

華爲設備閃退

Huawei DUB AL00A
Huawei DUB AL00
Honor BKK AL10
Huawei ARS AL00
Huawei DUB AL20

issue裏面已有大佬提出瞭解決方案，回滾引擎。官方也作了回滾，坐等hotfix。

在官方回覆的這段時間，嘗試了接觸了一下flutter引擎這個東西（原本想經過從新打包引擎來去掉bitcode，Creating-an-iOS-Bitcode-enabled-app，以及從新打包引擎來解決安卓華爲閃退)，能夠不用，可是要會。

注意下交叉編譯平臺只有mac同時支持安卓和ios

Linux supports cross-compiling artifacts for Android, but not iOS.
macOS supports cross-compiling artifacts for Android and iOS.
Windows doesn't support cross-compiling artifacts for either Android or iOS.

mac真香？能交叉編譯安卓和ios的只有mac，讓我大窗戶兒用戶情何以堪。後面爲mac上面操做

fq設置代理，你懂的

export http_proxy=http://127.0.0.1:1087
    export https_proxy=http://127.0.0.1:1087
複製代碼

下載google的depot_tools工具包 depot_tools是個工具包，裏面包含gclient、gn和ninja等工具。是Google爲解決Chromium源碼管理問題爲Chromium提供的源代碼管理的一個工具。

clone代碼

git clone https://chromium.googlesource.com/chromium/tools/depot_tools.git
設置環境變量

export PATH="$PATH:/xxx/xxx/depot_tools"

到https://github.com/flutter/engine 下載代碼到本地，官方建議你fork，這樣能夠方便更新，看我的狀況
在engine目錄下面建立.gclient文件

可使用fork的branch,添加下面內容，替換你fork的名字

solutions = [
  {
    "managed": False,
    "name": "src/flutter",
    "url": "git@github.com:<your_name_here>/engine.git",
    "custom_deps": {},
    "deps_file": "DEPS",
    "safesync_url": "",
  },
]
複製代碼

也能夠指定一個某個版本，好比咱們指定回滾奔潰的版本

solutions = [
  {
    "managed": False,
    "name": "src/flutter",
    "url": "https://github.com/flutter/engine.git@2994f7e1e682039464cb25e31a78b86a3c59b695",
    "custom_deps": {
      'src/third_party/skia': "https://skia.googlesource.com/skia.git@768f900a88cbfc5237e8edcc16aadde32536ed3e",
      'src/third_party/wuffs': 'https://skia.googlesource.com/external/github.com/google/wuffs.git@65e7b2b6c98a4d35e26bc2fc437e2e00f1393dc2',
    },
    "deps_file": "DEPS",
    "safesync_url": "",
  },
]
複製代碼

cd 到engine目錄執行gclient sync，這是一個漫長的過程並且網絡沒有問題的話
Flutter的引擎是基於Ninja進行構建的，Ninja是Google爲了改進編譯速度而開發出來的， Chromium目前也是經過Ninja進行構建的，沒辦法Flutter team的成員大部分來之Chromium

所有參數組合

構建主要參數

optimized/unoptimized(是否優化),
debug/profile/release
cpu 安卓分arm，arm64，x86和x86_64
cpu ios 分arm，arm64，還有一個模擬器參數--simulator

cd到src/flutter/tools下面

執行命令 gn --android --runtime-mode=release 3618個文件將會編譯，根據你的mac的性能多是半小時至一生的時間。

編譯完成以後會在src/out下面生成android_release文件夾

對於安卓來講，你能夠直接從這個文件夾裏面把Flutter.so給弄出來直接使用

cd到src/flutter/tools下面

執行命令gn --runtime-mode=release 4271個文件，這裏個人mac被alex的mac彎道超車，我花了半天時間才編譯完畢。。

編譯完成以後會在src/out下面生成host_release文件夾，爲啥要作這一步呢，若是你想用你編譯的引擎來打包的話，這個文件夾是必須生成的。

使用本地引擎打包

flutter build apk --target-platform android-arm --local-engine-src-path /Users/roott/Documents/Tools/flutter/engine/src --local-engine=android_release