Flutter開發第一個專案android studio 開發工具的使用說明

勤於奮發表於2019-10-28

做個自我介紹

自我介紹還是有必要介紹一下的,畢竟這是網路裡,你看不到我,我看不到你,只能通過文字來傳遞資訊,本人做技術8年多,一直在一線跟產品後端打交道,實現各種需求,本人喜歡寫作,喜歡看書,如果喜歡我的可以關注我公眾號:qinyufencom,搜尋技術剛剛好。一起努力,一起成長,一起寫程式碼。

第一個專案全新介面圖

對第一個專案的認識還是很有必要的,當我們開啟androidstuido工具,看過我之前寫的文章,應該已經知道怎麼安裝Flutter的開發環境了,新建專案開啟就是這個頁面了,這就是一個Flutter專案的主介面。

Flutter開發第一個專案android studio 開發工具的使用說明

當一個專案執行後我們要看的地方

Console視窗我們是要學習一下的,這個視窗顯示當前專案的一些啟動資訊,安裝過程輸出,比如安裝到的目標裝置顯示,Syncing files to device INE AL00...。如果啟動失敗可以在這個視窗看看。

Flutter開發第一個專案android studio 開發工具的使用說明

啟動按鈕、啟動程式

當我們點選這個按鈕就啟動程式啦,接下來就可以去手機看看啟動的效果了。

Flutter開發第一個專案android studio 開發工具的使用說明

安卓手機就啟動了一個程式。

Flutter開發第一個專案android studio 開發工具的使用說明

除了正常啟動還有一個啟動,體驗熱過載

Flutter 可以通過 熱過載(hot reload) 實現快速的開發週期,熱過載就是無需重啟應用程式就能實時載入修改後的程式碼,並且不會丟失狀態(譯者語:如果是一個web開發者,那麼可以認為這和webpack的熱過載是一樣的)。簡單的對程式碼進行更改,然後告訴IDE或命令列工具你需要重新載入(點選reload按鈕),你就會在你的裝置或模擬器上看到更改。

將字串 'You have pushed the button this many times:' 更改為 'You have clicked the button this many times:' 不要按“Stop”按鈕; 讓您的應用繼續執行。 要檢視您的更改, 只需呼叫 Save All (cmd-s / ctrl-s), 或點選 熱過載按鈕 (帶有閃電⚡️圖示的按鈕). 你就會立即看到更新後的字串。

我們主要的工作在在專案目錄中,您應用程式的程式碼位於 lib/main.dart.

大部分時間我們要面對的就是lib下的這個資料夾,後續的所有程式碼都寫在這個裡面。邏輯。

Flutter開發第一個專案android studio 開發工具的使用說明

總結

今天就算是接觸了第一個程式,大致知道我們寫Flutter專案的一個流程,只要做Flutter專案開發,就要知道這幾個步驟就行了。然後在裡面寫邏輯,寫介面就OK了。如果大家喜歡我,願意跟我一起成長,歡迎關注我,公眾號:qinyufencom 技術剛剛好

相關文章