Flutter 開發系列教程(2) 創建項目

書接上回,已經搭建了環境。今天我們使用android studio創建項目。

一、創建新應用

1、選擇 File>New Flutter Project

2、選擇 Flutter application 作為 project 類型, 然後點擊 Next

Flutter 開發系列教程(2) 創建項目

futter

3、輸入項目名稱 (如 flutter_study), 然後點擊 Next

Flutter 開發系列教程(2) 創建項目

futter

4、填寫項目的包名,然後點finish.。

Flutter 開發系列教程(2) 創建項目

futter

5、等待Android Studio安裝SDK並創建項目,完成後如下圖所示。

Flutter 開發系列教程(2) 創建項目

futter

總結:創建一個項目很簡單,但是要開始開發還是比較難的。通過以上步驟我們只是創建了一個項目的基本框架。我們還需要按自己的APP的設計進行項目的結構進行調整。項目目錄規劃好以後,我們還要使用很多的插件,這其中可能會涉及到原生android裡內容的修改。

二、創建目錄規劃

根據個人的愛好,在lib目錄裡規劃好自己的代碼結構。比如下面是我的規劃。

Flutter 開發系列教程(2) 創建項目

flutter目錄結構

三、增加自己要使用的插件

我們不使用插件也可以做一些簡單的頁面,但如果涉及調用硬件資源則肯定是要使用插件的。有些插件是為了簡化開發,就像java的lib包。比如我這裡使用了fish_redux,它可以很好的組織自己的代碼,管理狀態機。我還使用了json_serializable,它可以幫助我使用json與後臺接口對接數據。

增加插件我們在pubspec.yaml裡增加即可,然後使用指令flutter package get下載插件就好了。當然也可以在開發工具裡點擊右上指令。如圖:

Flutter 開發系列教程(2) 創建項目

更新插件

四、運行程序

1、查看android studio的工具欄

Flutter 開發系列教程(2) 創建項目

工具欄

2、在 target selector 中, 選擇一個運行該應用的Android設備. 如果沒有列出可用,請選擇 Tools>Android>AVD Manager 並在那裡創建一個

3、在工具欄中點擊 Run圖標, 或者調用菜單項 Run > Run.

4、如果一切正常, 您應該在您的設備或模擬器上會看到啟動的應用程序:

Flutter 開發系列教程(2) 創建項目

運行界面

Flutter 開發系列教程(2) 創建項目

五、資源

學習的演示代碼我已經放在了github上了。我會根據教程增加相應的功能及代碼,有喜歡的可以去看看。

地址:https://github.com/saperliu/flutter_study

有喜歡編程的朋友可以加我多多交流,本人主要做java企業級開發,目前還熟悉go/flutter開發,有共同愛好的朋友加我共同探討。


分享到:


相關文章: