哥哥帶你一步一步熟悉Flutter框架搭建[持續(xù)更新]

1,日志打印工具? ?logger?

https://pub.dev/packages/logger

2.1,網(wǎng)絡(luò)框架? dio

https://pub.dev/packages/dio

2.2,網(wǎng)絡(luò)框架 http

https://pub.dev/packages/http

2.3,Flutter自帶網(wǎng)絡(luò)框架HttpClient,雖然也支持忽略證書请梢,但是代碼比較啰嗦氏捞,不推薦

dio目前我沒有找到合適的支持忽略證書的方式捶码,所以給出另一個(gè)第三方庫(kù)的http的完美封裝,地址如下:http://www.reibang.com/p/f0806375668d

3,常用工具類集合

https://github.com/Sky24n/flustars

4,Toast工具類

https://github.com/PonnamKarthik/FlutterToast

5穆咐,設(shè)置隱藏狀態(tài)欄

void main() {

runApp(new MyApp());

? if(Platform.isAndroid){

// 以下兩行 設(shè)置android狀態(tài)欄為透明的沉浸。寫在組件渲染之后,是為了在渲染后進(jìn)行set賦值葛躏,覆蓋狀態(tài)欄局齿,寫在渲染之前MaterialApp組件會(huì)覆蓋掉這個(gè)值剧劝。

? ? SystemUiOverlayStyle systemUiOverlayStyle =

SystemUiOverlayStyle(statusBarColor: Colors.transparent);

? ? SystemChrome.setSystemUIOverlayStyle(systemUiOverlayStyle);

? }

}

6,路由跳轉(zhuǎn)

Navigator.push(context, MaterialPageRoute(builder:(context) =>NewScreen()));

7抓歼,設(shè)置倒計(jì)時(shí)

Timer timer = new?Timer(const Duration(milliseconds:1500),(){

Navigator.of(context).push(new MaterialPageRoute(

builder: (BuildContext context) =>new Home()

));

});

8,mainaxisalignment和crossaxisalignment

垂直布局時(shí):y軸為主軸讥此,x軸為副軸!

水平不就是:x軸為主軸拢锹,y軸為副軸!

9,EdgeInsets的基類暂论,允許文本方向感知分辨率面褐。

此類型的屬性或參數(shù)接受使用新EdgeInsets.fromLTRB及其變體或新EdgeInsetsDirectional.fromSTEB及其變體創(chuàng)建的類。

要將不確定類型的EdgeInsetsGeometry對(duì)象轉(zhuǎn)換為EdgeInsets對(duì)象取胎,請(qǐng)調(diào)用resolve方法展哭。

10,mixin是什么

對(duì)于熟悉java來說的闻蛀,這個(gè)概念比較新匪傍。從個(gè)人理解來看,可以把它想象為Kotlin中的接口(和Java的區(qū)別是可以帶非抽象的屬性和方法)觉痛,而多個(gè)mixin可以相互覆蓋以實(shí)現(xiàn)組合役衡,提供了非常大的靈活性,也可以達(dá)到類似多重繼承的效果薪棒。

mixin本身可以是抽象的手蝎,可以定義各種方法屬性,也可以是抽象的俐芯,等后續(xù)類去實(shí)現(xiàn) 棵介。如果mixin存在沖突的部分,后面會(huì)覆蓋前面的吧史,沒有沖突的則會(huì)保留邮辽,所以可以存在后面的mixin修改了前面的mixin的一部分邏輯的情況,不需要直接繼承即可實(shí)現(xiàn)覆蓋贸营,避免了更復(fù)雜的繼承關(guān)系吨述。

例如,通過?SingleTickerProviderStateMixin??實(shí)現(xiàn) Tab 的動(dòng)畫切換效果?(ps 如果有需要多個(gè)嵌套動(dòng)畫效果钞脂,你可能需要TickerProviderStateMixin)揣云。

11,Subject和BehaviorSubject

1.Subject類芳肌,Subject可以實(shí)現(xiàn)一個(gè)消息向多個(gè)訂閱者推送消息? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? var subject = new Rx.Subject(); ? //實(shí)例化一個(gè)Subject對(duì)象? ? ? ? ? ? ? ? ? ? ? subject.next(1); ? ? ? ? ? ? ? ? ?//向接受者發(fā)送一個(gè)消息流

subject.subscribe({? ? ? ? next: (value) => console.log('observerA: ' + value) ?//接受者A訂閱消息灵再,獲取消息流中的數(shù)據(jù)});

subject.subscribe({? ? ? ? next: (value) => console.log('observerB: ' + value) ?//接受者B訂閱消息,獲取消息流中的數(shù)據(jù)});

這樣兩路接受者都能拿到發(fā)送的數(shù)據(jù)流:observerA:1observerB:1

2.BehaviorSubject是Subject的一個(gè)衍生類亿笤,它將數(shù)據(jù)流中的最新值推送給接受者

var subject = new Rx.BehaviorSubject(0); //聲明一個(gè)BehaviorSubject對(duì)象subject.next(1); ? ? ? ? ? //發(fā)送一個(gè)數(shù)據(jù)流? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? subject.next(2); ? ? ? ? ? //再發(fā)送一個(gè)數(shù)據(jù)流

subject.subscribe({? ? ? ? next: (v) => console.log('observerA: ' + v) ?//接受者A訂閱消息});

subject.subscribe({? ? ? ? next: (v) => console.log('observerB: ' + v) ?//接受者B訂閱消息});

subject.next(3); ? ?//再發(fā)送一個(gè)數(shù)據(jù)流

這樣翎迁,每次接受者只會(huì)接受最新最送的那個(gè)消息:

observerA:2

observerB:2

observerA:3

observerB:3

12,Sink

使用Sink給Stream添加數(shù)據(jù)

13净薛,Sream

對(duì)于剛接觸Flutter的同學(xué)來說,Stream(流)是一個(gè)相對(duì)比較抽象汪榔,也相對(duì)比較難以理解的東西。準(zhǔn)確的來說Stream并不是Flutter的特性,而是Dart語(yǔ)言自身所帶庫(kù)痴腌。Stream和Future都位于dart:async核心庫(kù)雌团,是Dart中異步操作的兩大高手。所以不僅僅可以用于Flutter,而是可以用于任何Dart語(yǔ)言上的實(shí)現(xiàn)士聪。 在我們剛開始學(xué)習(xí)Flutter的時(shí)候基本都是使用?StatefulWidget和setState((){})來刷新界面的數(shù)據(jù)锦援,當(dāng)我熟練使用流之后就可以基本完全使用StatelessWidget告別?StatefulWidget同樣達(dá)到數(shù)據(jù)刷新效果。

14剥悟,InkWell

Flutter有專門設(shè)計(jì)MaterialDesign風(fēng)格的按鈕灵寺,但是更多時(shí)候我們希望自定義按鈕樣式或者為某個(gè)組件添加點(diǎn)擊事件,所以在處理點(diǎn)擊事件時(shí)区岗,最常見的做法是略板,用InkWell或者GestureDetector將某個(gè)組件包起來。 GestureDetector用法與InkWell類似慈缔,不過GestureDetector有更多處理手勢(shì)的方法

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末叮称,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子藐鹤,更是在濱河造成了極大的恐慌瓤檐,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,110評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件娱节,死亡現(xiàn)場(chǎng)離奇詭異距帅,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)括堤,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,443評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來绍移,“玉大人悄窃,你說我怎么就攤上這事□褰眩” “怎么了轧抗?”我有些...
    開封第一講書人閱讀 165,474評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)瞬测。 經(jīng)常有香客問我横媚,道長(zhǎng),這世上最難降的妖魔是什么月趟? 我笑而不...
    開封第一講書人閱讀 58,881評(píng)論 1 295
  • 正文 為了忘掉前任灯蝴,我火速辦了婚禮,結(jié)果婚禮上孝宗,老公的妹妹穿的比我還像新娘穷躁。我一直安慰自己,他們只是感情好因妇,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,902評(píng)論 6 392
  • 文/花漫 我一把揭開白布问潭。 她就那樣靜靜地躺著猿诸,像睡著了一般。 火紅的嫁衣襯著肌膚如雪狡忙。 梳的紋絲不亂的頭發(fā)上梳虽,一...
    開封第一講書人閱讀 51,698評(píng)論 1 305
  • 那天,我揣著相機(jī)與錄音灾茁,去河邊找鬼窜觉。 笑死,一個(gè)胖子當(dāng)著我的面吹牛删顶,可吹牛的內(nèi)容都是我干的竖螃。 我是一名探鬼主播,決...
    沈念sama閱讀 40,418評(píng)論 3 419
  • 文/蒼蘭香墨 我猛地睜開眼逗余,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼特咆!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起录粱,我...
    開封第一講書人閱讀 39,332評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤腻格,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后啥繁,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體菜职,經(jīng)...
    沈念sama閱讀 45,796評(píng)論 1 316
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,968評(píng)論 3 337
  • 正文 我和宋清朗相戀三年旗闽,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了酬核。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,110評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡适室,死狀恐怖嫡意,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情捣辆,我是刑警寧澤蔬螟,帶...
    沈念sama閱讀 35,792評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站汽畴,受9級(jí)特大地震影響旧巾,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜忍些,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,455評(píng)論 3 331
  • 文/蒙蒙 一鲁猩、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧罢坝,春花似錦绳匀、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,003評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)戈钢。三九已至,卻和暖如春是尔,著一層夾襖步出監(jiān)牢的瞬間憨闰,已是汗流浹背捺萌。 一陣腳步聲響...
    開封第一講書人閱讀 33,130評(píng)論 1 272
  • 我被黑心中介騙來泰國(guó)打工蕊肥, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留吼渡,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,348評(píng)論 3 373
  • 正文 我出身青樓恩溅,卻偏偏與公主長(zhǎng)得像隔箍,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子脚乡,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,047評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容