天天看點

開發第一個flutter程式 hello world

上一篇咱們配置了flutter的基本環境之後,那麼本篇就來講一下如何開發第一個小應用hello world

輕按兩下打開 android studio 選擇plugins

開發第一個flutter程式 hello world

找到 fultter 并且下載下傳安裝:

開發第一個flutter程式 hello world

然後在搜尋一下 dart:

開發第一個flutter程式 hello world

OK,那麼現在 flutter 和 dart 都已經安裝OK了, dart 是開發語言,然後重新開機 android studio

這個時候就可以建立 flutter 項目了,如圖:

開發第一個flutter程式 hello world

随後:

開發第一個flutter程式 hello world

再然後:

開發第一個flutter程式 hello world

1:項目名稱

2:flutter sdk 所在位址

3:工作空間

4:描述

然後next,填入組織名,随意哈,最後點選finish

開發第一個flutter程式 hello world

這個時候,工程就建立出來了

簡單看一下目錄樹:

開發第一個flutter程式 hello world

android 和 ios 可以不用管,這相當于是庫

我們需要做的編碼工作都會在 *.dart 之下,那麼建立後的工程,預設就是 main.dart,相當于java中的 main.java

随後就可以在真機或者模拟器下進行調試了,真機調試,點選這個綠色運作,然後就會初始化,第一次會很慢

開發第一個flutter程式 hello world

模拟器安裝嘛,額,怎麼安裝的我就不說了,自行百度,最終示範效果如下:

開發第一個flutter程式 hello world

 附帶一提,建立 flutter 項目之前,請務必建立一個空的 android 工程,編譯工程會自動下載下傳相關依賴包,比如gradle等等,OK了之後再建立flutter項目,這樣就OK了

我們到這裡都是在安卓機子上做的測試,如果我們在mac上進行開發的話,是可以使用ios模拟器或者iPhone來進行調試的,這個以後再說吧。

官網itzixi.com

微信公衆号:BeJavaGod

新浪微網誌

知乎

簡書

cnblogs

今日頭條

豆瓣

--> 同步更新

開發第一個flutter程式 hello world
開發第一個flutter程式 hello world
開發第一個flutter程式 hello world