前言
在本篇文章中椅棺，我們使用Android Studio創(chuàng)建一個簡單的demo痛侍，來揭開Flutter的神秘面紗讹堤。（PS：基于studio3.2版本開發(fā)的）
創(chuàng)建Flutter項目
在Android Studio中记餐，選擇“start a new Flutter project”或者選擇File > New Flutter Project译隘，會出現(xiàn)下圖的面板固惯，
屏幕快照 2019-05-22 下午7.06.31.png
選擇Flutter Application梆造，然后 Next ，出現(xiàn)下圖的面板葬毫，
屏幕快照 2019-05-22 下午7.09.30.png
這里填寫應(yīng)用的信息镇辉。
-Project name：工程的名字。這里我們就填寫first_flutter_app贴捡，需要注意的是Project name必須符合 Dart 包名命名規(guī)則（小寫+下劃線忽肛，可以有數(shù)字）。
-Flutter SDK path：Flutter sdk 的路徑栈暇。
-Project location：工程的路徑麻裁。
-Description：工程的描述。
填完之后源祈，點擊 Next煎源，會出現(xiàn)下圖的面板，
屏幕快照 2019-05-22 下午7.18.33.png
這里是設(shè)置我們項目的包名香缺，下面有兩個選項：
- Include Kotlin support for Android code（使用Kotlin開發(fā)）
- Include Swift support for iOS code（使用Swift開發(fā)）
如果使用 Kotlin 開發(fā) Andorid 或者用 Swift 開發(fā) iOS 的話就選上手销，如果不選 Android 默認使用 Java 開發(fā)，iOS 默認使用 Objective-C 開發(fā)图张。
然后點擊 Finish锋拖，我們的項目就創(chuàng)建完成了。
運行Flutter APP
點擊下圖中的按鈕運行APP祸轮，
屏幕快照 2019-05-22 下午7.28.43.png
運行效果
ps：第一次運行時間可能會有點久兽埃。
Android 模擬器：
Screenshot_1558530168.png
iOS 模擬器：
屏幕快照 2019-05-22 下午8.58.15.png
Flutter 代碼的目錄結(jié)構(gòu)
在創(chuàng)建完Flutter APP之后，我們要看一下它的目錄結(jié)構(gòu)适袜。
屏幕快照 2019-05-23 下午4.47.48.png
- Android 目錄
這個目錄下是一個完整的 Android APP 工程的代碼柄错。可以理解為Flutter在Android上的殼子苦酱，這個目錄里的代碼都會被打包進 Flutter 的Android 安裝包里售貌。 - ios 目錄
這個目錄下是一個完整的 iOS APP 工程的代碼∫哂可以理解成 Flutter 在 iOS 上的殼子颂跨，這個目錄里的代碼都會被打包進 Flutter 的 iOS 安裝包中。 - lib 目錄
這里是 Flutter 的代碼扯饶，使用 Dart 語言編寫恒削。main.dart 是 Flutter 的入口文件池颈。 - test 目錄
這里是 Flutter 的測試代碼，使用 Dart 語言編寫蔓同。 - pubspec.yaml 文件
這個是 Flutter 的配置文件饶辙，聲明了 Flutter APP 的名稱、版本斑粱、作者等的元數(shù)據(jù)文件弃揽，還有聲明的依賴庫，和指定的本地資源（圖片则北、字體矿微、音頻、視頻等）尚揣。
注意：pubspec.yaml 是 Flutter 的配置涌矢，是 Flutter 里的重要部分。
屏幕快照 2019-05-23 下午5.03.25.png
這里的 main() 函數(shù)就是 Flutter 的入口函數(shù)。
在 main() 函數(shù)里要運行 runApp() 函數(shù)方篮，runApp() 函數(shù)的參數(shù)類型是Widget 類型名秀。使用的方法如下：
void main() => runApp(MyApp());
這個使用方法是固定的。后面文章我們再接著在 main.dart 文件中編寫代碼藕溅。
總結(jié)
到此匕得，我們就可以創(chuàng)建一個 Flutter APP 并在 Android 和 iOS 設(shè)備上運行了。
