介紹

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è)閃電的標(biāo)志支持熱重載編譯運行。

運行效果

由于我是mac電腦，特意選了一個iOS模擬器，在Android Studio直接運行在iOS設(shè)備上還是很爽的。

本頁內(nèi)容由塔燈網(wǎng)絡(luò)科技有限公司通過網(wǎng)絡(luò)收集編輯所得，所有資料僅供用戶學(xué)習(xí)參考，本站不擁有所有權(quán)，如您認為本網(wǎng)頁中由涉嫌抄襲的內(nèi)容，請及時與我們聯(lián)系，并提供相關(guān)證據(jù)，工作人員會在5工作日內(nèi)聯(lián)系您，一經(jīng)查實，本站立刻刪除侵權(quán)內(nèi)容。本文鏈接:http://jstctz.cn/17760.html