Flutter教學(xué)目錄?持續(xù)更新中
1.創(chuàng)建并運(yùn)行一個(gè)Flutter App工程
打開(kāi)Android studio(簡(jiǎn)稱AS)>File>New>New Flutter Project
然后運(yùn)行一個(gè)模擬器(如果沒(méi)有模擬器選項(xiàng)可以參考上一章節(jié)新建模擬器)
運(yùn)行Flutter App
第一次運(yùn)行時(shí)間稍長(zhǎng),而且會(huì)下載資源,所以請(qǐng)保持網(wǎng)絡(luò)穩(wěn)定并耐心等待,如果編譯失敗,可以嘗試在Terminal中運(yùn)行fluter run 命令再試一次
運(yùn)行效果圖:
2.Fluter項(xiàng)目結(jié)構(gòu)簡(jiǎn)介
Flutter項(xiàng)目主要分為Android,iOS,lib,pubspec.yaml這四個(gè),其中l(wèi)ib下就是用來(lái)flutter開(kāi)發(fā)的,我們的dart文件就放在這里,pubspec.yaml文件就是flutter的構(gòu)建管理工具,就跟gradle一樣
這里面就是對(duì)工程的配置,庫(kù)的依賴,資源的依賴等
3.Fluter簡(jiǎn)介
void main() => runApp(MyApp());
這是Flutter的入口函數(shù),runApp啟動(dòng)的Widget
runApp接收的是一個(gè)widget,widget一般分為無(wú)狀態(tài)的StatelessWidget或者是有狀態(tài)的StatefulWidget,具體的看是否需要管理一些狀態(tài)。MaterialApp自身就是一個(gè)StatefulWidget,只是他里面包含了很多其他屬性,例如:
這里我們先不去過(guò)多了解其中的內(nèi)容,等后面基礎(chǔ)內(nèi)容學(xué)習(xí)完成后,對(duì)flutter有個(gè)較為完整的認(rèn)識(shí)后再來(lái)深入了解,目前只需要先了解title,home,routes三個(gè)屬性就可以了
title:不需要什么解釋了
home:你的主頁(yè)面,接收一個(gè)Widget
routes:路由表,接收Map<Srtring,WidgetBuilder>,用于頁(yè)面跳轉(zhuǎn)使用,當(dāng)然關(guān)于路由的用法是非常多的,這個(gè)暫時(shí)先不講,后面會(huì)主們對(duì)路由使用做一個(gè)綜合性講解,目前只要學(xué)會(huì)一種方式即可
下一節(jié)我們將創(chuàng)建一個(gè)簡(jiǎn)單的home頁(yè)面以及學(xué)習(xí)一下簡(jiǎn)單的頁(yè)面跳轉(zhuǎn)