大家好，個Blog好似好耐無更新，不過相簿(photo.tto.moe)嗰邊更新得比較密，可以睇下相治癒一下。

話說最近又有用Flutter寫嘅Project，主要係人手比較少，想減少maintain嘅Code，加上我嘅個人偏愛，所以嘗試下用Flutter寫。

好多人講到呢啲跨平臺嘅Framework有個好神奇嘅myth，仲係認爲呢啲framework極差，或者開個issues list跟住鬧勁多Bugs。可能我開發嘅係個Backend行Firebase嘅Instant Messaging App啦，其實無點試到有咩Bug令到個App寫唔落去——可能之後會有啦，唔知啦。但目前爲止寫落感覺都唔錯，效能數字上係比較慢，不過其實真裝上真機之後其實唔係好能靠效能分得出係Flutter定係Native App。

！The Engine architecture of FlutterSource: https://github.com/flutter/flutter/wiki/The-Engine-architecture

參考上圖，Flutter其實有自己一套Engine以C/C++開發，之後Provides一整套Widgets以Dart編寫。由於佢本身並非用Native而自行一套嘅Engine，並使用 支援AoT（預先編譯）Dart VM，係Release build嘅Compile階段已經pre-compile好，所以係Production版本嘅Flutter App效能並唔差。

呢個玩法其實同好多遊戲好相似，唔使用Native嘅Canvas，而係自行直接用自己Engine去Rander UI，加上AoT去提高效能。

有人寫咗篇效能對比，可以有啲數字睇下：[Flutter和原生应用性能对比

以及呢個：Flutter 高性能原理浅析 - 掘金

首先我哋要先安裝Flutter嘅SDK，你可以用yay之類嘅程式經由AUR安裝flutter和dart：

安裝成功後，Flutter會安裝到 /opt/flutter，請更改權限：

如果你電腦只有一個user，可以把該directory 派俾這唯一User避免更多嘅潛在問題：

如果你不想經由yay而想自行從官網下載安裝，請參閱官方安裝教學。

安裝成功之後，請把flutter/bin加入 PATH，打開 ~/.bashrc並新增一行：

之後可以安裝Android SDK，使用yay安裝：

跟住會安裝咗係/opt/android-sdk，同樣玩法修改權限：

以及可以直接改owner：

跟住編輯~/.bashrc將以下嘅ANDROID_SDK設定加入PATH：

儲存，重新開機。

如果你覺得咁好麻煩而且想要其他版本，請善用Android Studio。

可以透過pacman安裝：

打開vscode，搜尋flutter 同 dart plugin並安裝。

之後可以透過flutter command 查看各種安裝情況：

首先第一個可能係未acceptandroid licenses，可以透過此command accept：

跟住可以安裝Android Emulator嘅Image同Tools先啦。首先透過command查看可用嘅package列表：

跟住首先安裝system image：

安裝emulator：

接受所有Licenses：

跟住可以創建emulator，查看可用device：

創建（-n 後面係emulator名稱；-k係之前嘅image名稱）：

之後創建或打開已有嘅Flutter Project：

之後可以更新/下載所有packages：

之後可以查看已有嘅emulator：

結果：

用flutter啓動emulator：

係打開咗flutter project 嘅vscode window撳F5，選擇Dart/Flutter：

之後就會自動執行到emulator。如果有多個android devices/emulators而唔成功，可以透過右下角嘅切換你：

Enjoy~~~

Q.行緊Flutter App嘅時候一直顯示”syncing files to device Android SDK”A.linux kernel 5.5嘅問題，請嘗試降級。參考：How to downgrade the kernel?

Q.flutter doctor顯示無Android Device連接即是真係有Device。A.請Accept所有Android license：

並新增android-sdk嘅path落flutter：

參考：Unable to locate a development device; please run ‘flutter doctor’ for information about installing additional components.