1.4　你的第一個Flutter應用

本節將試著創建第一個純Flutter構建的應用程序，可以同時在Android和iOS兩個平臺運行。

使用Android Studio進行Flutter項目的創建非常簡單。打開Android Studio開發工具，選擇Start a new Flutter Project選項，之后會打開模板選擇界面，如圖1-11所示，選擇Flutter Application模板。

新建的Flutter工程的目錄結構如圖1-12所示。

其中，android文件夾下放置的是Flutter在Android平臺運行的相關代碼。ios目錄中存放的是Flutter在iOS平臺運行的相關代碼。lib目錄是Flutter工程的核心目錄，其中存放核心的Dart邏輯代碼。在我們創建的模板工程中，默認生成了一個main.drat文件，這個文件是整個應用程序的入口文件。對于這個文件中的內容，你現在不必過多關注。test文件夾用來存放測試代碼。除了這些文件夾外，pubspec.yaml文件是工程的配置文件，這個文件用來進行依賴和靜態資源的配置。

創建的這個模板工程不需要額外編寫任何代碼即可直接運行。在Android Studio的工具欄上可以直接選擇要運行的模擬器，并單擊“運行”按鈕運行，如圖1-13所示。

如果當前沒有正在運行的模擬器，那么可以在選擇模擬器的地方直接打開一個Android或iOS模擬器。

單擊“運行”按鈕運行Flutter工程，第一次運行Flutter工程需要下載和安裝一些依賴，這可能需要一些時間。完成后，如果沒有異常產生，你就會看到如圖1-14和圖1-15所示的在模擬器上的效果。

從圖1-14和圖1-15中可以看到，在Android和iOS平臺上，Flutter有著非常一致的表現。在模板工程中，單擊右下角的加號按鈕，可以實現屏幕上數字的增加。

下面我們進行一些簡單的修改，在main.dart中修改靜態字符串，之后只要保存文件或者單擊工具欄上的熱重載按鈕，即可實現應用程序的熱刷新，如圖1-16所示。

熱重載也是Flutter框架的一大特點，其可以在不重新編譯的情況下進行快速重載，省去了開發者每次微小的修改都需要編譯運行所消耗的時間。更強大的是，Flutter的熱重載不會丟失當前的狀態，大大縮減了開發周期。修改靜態字符串的內容后，熱重載應用程序，效果如圖1-17所示。

現在，你已經與Flutter進行了初次見面，若想更加深入地了解Flutter并且熟練地使用Flutter進行應用程序的開發，就需要學習一個神奇的語言：Dart。