介紹
Flutter 是 Google 用以幫助開發(fā)者在 iOS 和 Android 兩個平臺開發(fā)高質(zhì)量原生 UI 的移動 SDK。Flutter 兼容現(xiàn)有的代碼,免費且開源。使用Dart語言。
基于Android Studio環(huán)境搭建
支持flutter的IDE 目前有Android Studio、 IntelliJ、Visual Studio。
安裝 Flutter 和 Dart 插件
在Android Studio中安裝這兩個插件。
- Flutter 插件可以提高 Flutter 在開發(fā)過程中的開發(fā)效率(運行,調(diào)試,熱重載等等)。
- Dart 插件提提升了代碼層面的開發(fā)效率(在你敲代碼的同時進行代碼校驗,代碼自動補全等等)。
安裝步驟
- 啟動 Android Studio。
- 打開插件設(shè)置(在 macOS 上路徑為 Preferences>Plugins,在 Windows 和 Linux 上路徑為 File>Settings>Plugins)。
- 當(dāng)彈出對話框提示要安裝 Dart 插件的時候,點擊 Yes 接受。
-
如果彈出 Restart 需要重啟編輯器的時候,點擊 Yes 接受。
創(chuàng)建Flutter項目
【注意】
第一次運行時候要選擇指定的文件夾,然后點擊install SDK 來安裝Flutter SDK環(huán)境,可能需要下載一會。
Hello Word
在Android Studio中創(chuàng)建項目的時候會有New Flutter Project選項這時候如果本地沒有Flutter環(huán)境的話 會讓你下載。
創(chuàng)建后可以看到IDE的右上角有些功能按鈕。
項目目錄結(jié)構(gòu)
可以看到這里不但有Android的目錄,還有iOS的目錄,運行的時候如果有iOS設(shè)備以及模擬器的話 是可以直接選擇運行的。
右側(cè)閃電的標志支持熱重載編譯運行。
運行效果
由于我是mac電腦,特意選了一個iOS模擬器,在Android Studio直接運行在iOS設(shè)備上還是很爽的。