Flutter 快速入門

 

 

Flutter 簡單介紹

Flutter是谷歌的移動UI框架，可以快速在iOS和Android上構建高質量的原生用戶界面。 Flutter可以與現有的代碼一起工作。在全世界，Flutter正在被越來越多的開發者和組織使用，並且Flutter是完全免費、開源的。

Flutter 相關特性

快速開發:Flutter的熱重載可幫助您快速地進行測試、構建UI、添加功能並更快地修復錯誤。在iOS和Android模擬器或真機上可以在亞秒內重載，並且不會丟失狀態。

富有表現力，漂亮的用戶界面:使用Flutter內置美麗的Material Design和Cupertino（iOS風格）widget、豐富的motion API、平滑而自然的滑動效果和平台感知，為您的用戶帶來全新體驗。

現代的，響應式框架:使用Flutter的現代、響應式框架，和一系列基礎widget，輕松構建您的用戶界面。使用功能強大且靈活的API（針對2D、動畫、手勢、效果等）解決艱難的UI挑戰。

 

Flutter 安裝教程

1. 下載 Flutter SDK: 

   wget https://storage.googleapis.com/flutter_infra/releases/stable/linux/flutter_linux_v1.12.13+hotfix.8-stable.tar.xz
   

2. 解壓:

    cd ~/development
    tar xf ~/Downloads/flutter_linux_v1.12.13+hotfix.8-stable.tar.xz

   如果不想安裝固定版本的安裝包，可以跳過步驟1和2。相反，從GitHub上的Flutter repo獲取源代碼，並根據需要更改分支或標記。例如：

    git clone https://github.com/flutter/flutter.git -b stable

3. 添加Flutter 工具到你的path路徑:

   export PUB_HOSTED_URL=https://pub.flutter-io.cn
   export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
   export PATH=/home/mikey/DATA/DevTools/flutter/bin:$PATH
   export ANDROID_HOME="/home/mikey/Android/Sdk"
   export PATH=${PATH}:${ANDROID_HOME}/tools
   export PATH=${PATH}:${ANDROID_HOME}/platform-tools

4. 可選地，預下載開發二進制文件:

   lutter precache

運行 flutter doctor

flutter doctor

 

此命令檢查您的環境並向終端窗口顯示報告。Dart SDK與Flutter捆綁在一起，不需要單獨安裝Dart。仔細檢查輸出是否有其他需要安裝的軟件或要執行的其他任務。
例如:

[-] Android toolchain - develop for Android devices
    • Android SDK at /Users/obiwan/Library/Android/sdk
    ✗ Android SDK is missing command line tools; download from https://goo.gl/XxQghQ
    • Try re-installing or updating your Android SDK,
      visit https://flutter.dev/setup/#android-setup for detailed instructions.

 

Android Studio 設置

安裝插件：
1.flutter
2.dart

 

Flutter 簡單案例

編寫您的第一個 Flutter App

參考資料

[官網文檔](https://flutter.dev/docs)

[安裝教程](https://flutter.dev/docs/get-started/install/linux)

[flutter實戰](https://book.flutterchina.club/)