初識Flutter
2018年2月27日,在2018世界移動大會上,Google 發布了
Flutter
的第一個Beta版本,目前1.0.0正式版已經發布。Flutter
是 Google 用以幫助開發者在IOS
和Android
兩個平臺開發高質量原生應用的全新移動UI框架,類似于React Native
可以實現跨平臺開發。
點擊查看Flutter介紹視頻
Flutter特性
- 熱重載(Hot Reload)利用
Android Studio
直接一個Ctrl+S
就可以保存并重載,模擬器立馬就可以看見效果,這一效果其實有點類似Android Studio
的Instant Run
- 借助可移植的
GPU
加速的渲染引擎以及高性能本地代碼運行時以達到跨平臺設備的高質量用戶體驗- 可擴展性很強:
Flutter
框架本身提供了豐富的Material Design
和Cupertino(iOS-flavor)
風格的控件,可自由擴展控件不受手機平臺控件的限制
搭建開發環境
由于我們是 Android Studio 開發者,Flutter 支持在Android Studio 上直接進行開發,需要先裝兩個插件,
Dart
和Flutter
,打開Android Studio
開發工具 File --> Setting --> Plugins 搜索這兩個插件之后安裝好,重啟Android Studio
之后,開始新建Flutter
工程。同時也需要安裝Flutter SDK
選擇 Flutter Application 點擊 Next
進入New Flutter Application 配置界面
需要配置 Flutter SDK 路徑,如果之前下載好了 Flutter SDK,直接選擇就可以了。如果沒有提前下載好SDK,點擊右邊的Install SDK 選擇好SDK存放路徑,稍等幾分鐘會自動幫我們下載好SDK。下載完畢之后,點擊下一步。
配置包名,開始享受構建第一個 Flutter 工程
在項目目錄中,您應用程序的代碼位于 lib/main.dart.
定位到Android Studio 工具欄:
Main IntelliJ toolbar
- 在 target selector 中, 選擇一個運行該應用的Android設備. 如果沒有列出可用,請選擇 Tools>Android>AVD Manager 并在那里創建一個
- 在工具欄中點擊 Run圖標, 或者調用菜單項 Run > Run.
如果一切正常, 您應該在您的設備或模擬器上會看到啟動的應用程序:
體驗熱重載
Flutter 可以通過 熱重載(hot reload) 實現快速的開發周期,熱重載就是無需重啟應用程序就能實時加載修改后的代碼,并且不會丟失狀態(譯者語:如果是一個web開發者,那么可以認為這和webpack的熱重載是一樣的)。簡單的對代碼進行更改,然后告訴IDE或命令行工具你需要重新加載(點擊reload按鈕),你就會在你的設備或模擬器上看到更改。
相關鏈接
- Flutter源碼鏈接 https://github.com/flutter/flutter
- Flutter官方文檔 https://flutter.io/docs/
- Flutter中文文檔 http://doc.flutter-dev.cn/
- Flutter中文社區 [https://flutter-io.cn/)
- Dart語言官方主頁 https://www.dartlang.org/
- Dart語言中文社區 http://www.cndartlang.com/
- Dart中文官網 https://www.dart-china.org/