Flutter 初探 -

flutter 安裝

通過許久的關注，及最近google算是真正地推行flutter時，加上掘金小冊也有相應的教程，我知道本身得跟着這一波潮流學習了，否則早晚會面臨着小程序的危（你們都會了就你不會),而我也想有一個好的學習對象，以前是想學uni-app或者react-native，但終究不如這個。好了，廢話很少說，開始旅行。

flutter瞭解

• flutter 英文網
• flutter 中文網
• flutter 實戰
• flutter 掘金小冊

安裝 針對windows

• Flutter SDK
• Flutter IDE

環境變量

下載的Flutter默認是國外鏡像，相似node的npm，須要切換到國內鏡像
在電腦的 環境變量 -> 用戶變量 添加

FLUTTER_STORAGE_BASE_URL: https://storage.flutter-io.cn
PUB_HOSTED_URL: https://pub.flutter-io.cn

Flutter SDK 安裝

• 須要下載 Android Studio,能夠用來打包apk，同時自帶Android SDK
• 下載 Flutter SDK 儘可能選擇穩定版Stable channel下的，同時配置 環境變量， 運行 flutter doctor 便會知道結果

創建 flutter app

在創建flutter app時，還須要下載三個東西

• Android Studio 中下載兩個插件
  • Flutter 插件
  • Dart 插件
• Android 模擬器 在tools -> AVD Manager -> CREATE VIRTUAL ... 選擇須要須要類型

運行App

• 選擇模擬器 devices
• 點擊 運行/ debugger
• 模擬器便會出現flutter的界面

重點說下安裝遇到的問題

上述安裝略顯單薄一些，只是想簡化一下思路，否則安裝的過程有些蒙圈

安裝 issuse 彙總

• 安裝 Android Studio 報錯

  unable to access android sdk add-on list

  解決辦法

  Android Studio 安裝目錄下 bin -> idea.properties 下添加

  disable.android.first.run=true

• 運行 Android Studio

  Failed to load JVM DLL ...... if you already have a ...

  解決辦法

  弄清楚本身電腦的版本 32/64, 運行對應的 .exe 文件，eg，我電腦64位，運行32位的 Android Studio報上述錯誤，運行 64位的 解決

• 執行 flutter app

  Running 'flutter package get ' in flutter_app Unhandled exception: 'PUB_HOSTED_URL'

  解決辦法

  上訴錯誤信息其實有提示（這裏沒有補全）
  須要在以前的添加環境變量時,加上https://

• 執行 flutter app

  No Connected Devices Found

  解決辦法

  選擇須要的模擬器，這是既沒有選擇真機，也沒有選擇模擬器，致使沒法運行

• 執行 flutter app

  Initializing gradle ...
    Unzipping ..
    Exception in thread 'main' java.util.zip.ZipExceptinon: error in opening zip file ...

  解決辦法

  本人也非常無語，爲什麼下載下來的會出現包有問題
  須要從新下載gradle包，必定要本身審查本身當前提示的具體是哪個包，必定要下對應的，將本地替換掉
  文件目錄 C盤 -> 用戶 -> 本機用戶(當前電腦的名稱文件) -> .gradle -> wrapper -> dists 下 具體的信息再進行替換便可

• 執行 flutter app

  Error connecting to the service protocol: HttpException: Connection closed before full header was received, uri = http://127.0.0.1:51079/gM04ir90...

  解決辦法 flutter issues

  將下載的模擬器從新換一個 Q 替換爲 pie，這個可能須要多嘗試幾個便可