Flutter是什么?

Flutter是一款移動應用程序SDK，一份代碼可以同時生成iOS和Android兩個高性能、高保真的應用程序。

Flutter目標是使開發人員能夠交付在不同平臺上都感覺自然流暢的高性能應用程序。我們兼容滾動行為、排版、圖標等方面的差異。

為什么要使用Flutter?

Flutter有什么優勢？它可以幫助你：

• 提高開發效率

同一份代碼開發iOS和Android
用更少的代碼做更多的事情

• 輕松迭代

在應用程序運行時更改代碼并重新加載（通過熱重載）
修復崩潰并繼續從應用程序停止的地方進行調試

• 創建美觀，高度定制的用戶體驗

受益于使用Flutter框架提供的豐富的Material Design和Cupertino（iOS風格）的widget
實現定制、美觀、品牌驅動的設計，而不受原生控件的限制
主要有以下特點

快速開發

毫秒級的熱重載，修改后，您的應用界面會立即更新。使用豐富的、完全可定制的widget在幾分鐘內構建原生界面。

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

富有表現力和靈活的UI

快速發布聚焦于原生體驗的功能。分層的架構允許您完全自定義，從而實現難以置信的快速渲染和富有表現力、靈活的設計。

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

原生性能

Flutter包含了許多核心的widget，如滾動、導航、圖標和字體等，這些都可以在iOS和Android上達到原生應用一樣的性能。

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

class CounterState extends State<Counter> {int counter = 0;void increment() {// 告訴Flutter state已經改變, Flutter會調用build()，更新顯示setState(() {counter++;});}Widget build(BuildContext context) {// 當 setState 被調用時，這個方法都會重新執行.// Flutter 對此方法做了優化，使重新執行變的很快// 所以你可以重新構建任何需要更新的東西，而無需分別去修改各個widgetreturn new Row(children: <Widget>[new RaisedButton(onPressed: increment,child: new Text('Increment'),),new Text('Count: $counter'),],);} }

心動不如行，動快速入門

1.下載flutter SDK（此步驟可以省略通過android studio安裝亦可）

git clone -b master https://github.com/flutter/flutter.git ./flutter/bin/flutter --version

當然也可以直接下載

https://github.com/flutter/flutter/tags

2.下載完解壓配置環境變量

;G:\flutter\flutter_windows_v0.7.3-beta\flutter\bin

3.打開一個新的命令提示符或PowerShell窗口并運行以下命令以查看是否需要安裝任何依賴項來完成安裝：

flutter doctor

可以看到，檢查的有android sdk，android studio版本等等。對于android開發者相信這些都配置好了。

4.為android 安裝Flutter環境

File -> Settings -> Plugins -> Browse Respositories -> 搜索`Flutter` 點擊install 重啟android studio。會自動安裝dart插件。

5.創建工程

選擇 File>New Flutter Project

選擇 Flutter application 作為 project 類型, 然后點擊 Next

輸入項目名稱 (如 myapp), 然后點擊 Next

點擊 Finish

等待Android Studio安裝SDK并創建項目.（ps:首次加載過慢直接關閉AS重啟即可）

最終運行效果

Flutter的學習之路才剛剛開始。。。

總結

以上是生活随笔為你收集整理的Flutter快速入门 五步搞定Flutter环境配置的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。