開始使用-初嘗勝果

本頁介紹如何「測試驅動器」Flutter:從咱們的模板建立一個新的Flutter應用程序,運行它,並學習如何使用Hot Reload進行更改。html

Flutter是一個靈活的工具包,因此請首先選擇您的開發工具來編寫,構建和運行您的Flutter應用程序。android

Android Studio

Android Studio:爲Flutter提供完整的集成IDE體驗。app

建立新的應用編輯器

  • 選擇File>New Flutter Project
  • 選擇 Flutter application程序做爲項目類型,而後按下一步
  • 輸入項目名稱(例如myapp),而後按下一步
  • 點擊Finish
  • 等待Android Studio安裝SDK並建立項目。

上述命令建立一個名爲myapp的Flutter項目目錄,其中包含一個使用Material Components的簡單演示應用程序。ide

在項目目錄中,您的應用程序的代碼位於lib / main.dart中。工具

運行應用程序

1.找到Android Studio的主工具欄:學習

2。在目標選擇器中,選擇一個運行該應用的Android設備。 若是沒有列出可用,請選擇Tools>Android>AVD Manager並在那裏建立一個。 有關詳細信息,請參閱管理AVD
3.單擊工具欄中的Run圖標,或調用菜單項Run > Run
4.若是一切正常,您應該在您的設備或模擬器上看到您的初學者應用程序:開發工具

嘗試一個熱從新加載

Flutter提供快速開發週期和熱重載,可從新加載實時運行應用的代碼而無需從新啓動或丟失應用狀態。 只需對源代碼進行更改,告訴IDE或命令行工具便可從新加載,並查看模擬器,仿真器或設備中的更改。測試

 1.更改字符串ui

'You have pushed the button this many times:' 更改成
'You have clicked the button this many times:'

2.不要按「Stop」按鈕; 讓您的應用繼續運行。
3.要查看您的更改,請調用Save All(cmd-s / ctrl-s),或單擊Hot Reload按鈕(帶有閃電圖標的按鈕)。
您應該幾乎當即在運行的應用程序中看到更新的字符串。

命令行+自選編輯器

命令行+編輯器:您選擇的編輯與Flutter的命令行工具結合運行和建設。

建立新的應用
使用flutter create命令建立一個新項目:

$ flutter create myapp
$ cd myapp

上述命令建立一個名爲myapp的Flutter項目目錄,其中包含一個使用Material Components的簡單演示應用程序。

在項目目錄中,您的應用程序的代碼位於lib / main.dart中。

運行應用程序

  • 檢查Android設備是否在運行。 若是沒有顯示,請參閱設置
  • $ flutter devices
  • 使用flutter run命令運行該應用程序:
  • $ flutter run
  • 若是一切正常,在應用程序建成後,您應該在您的設備或模擬器上看到您的初學者應用程序:

嘗試一個熱從新加載

Flutter提供快速開發週期和熱重載,可從新加載實時運行應用的代碼而無需從新啓動或丟失應用狀態。 只需對源代碼進行更改,告訴IDE或命令行工具便可從新加載,並查看模擬器,仿真器或設備中的更改。

 1.更改字符串

'You have pushed the button this many times:' 更改成
'You have clicked the button this many times:'

2.不要按「Stop」按鈕; 讓您的應用繼續運行。
3.要查看您的更改,請調用Save All(cmd-s / ctrl-s),或單擊Hot Reload按鈕(帶有閃電圖標的按鈕)。
您應該幾乎當即在運行的應用程序中看到更新的字符串。

下一步 讓咱們經過建立一個小應用來學習一些核心的Flutter概念。

相關文章
相關標籤/搜索