Flutter學習路線

一、學習路線

10步梦碗,每一個學習步驟都以自己親身實現(xiàn)寫出了Demo為準尉辑,光看資料不算完成

  1. 參考https://flutterchina.club/setup-macos/,搭建Flutter開發(fā)環(huán)境鸭蛙,安裝默認項目到設備
  2. 通讀Dart語法一遍:https://juejin.im/post/5c52a386f265da2de25b5c36摹恨,要求上面所有代碼,必須自己敲一遍
  3. 實現(xiàn)一個簡單的HelloWorld頁面娶视,目的是熟悉Flutter的項目結(jié)構和StatelessWidget組件晒哄,通讀Flutter的所有UI組件一遍:https://juejin.im/post/5c18d181f265da611f07a128,要求記住flutter的常用UI組件的繼承關系
  4. 實現(xiàn)頁面跳轉(zhuǎn)肪获、傳參寝凌、接收返回值,目的是熟悉Navigator組件
  5. 實現(xiàn)一個淘寶-個人中心頁面孝赫,暫不要求交互较木,但是頁面的樣式要大致實現(xiàn),主要目的是熟悉基本UI組件青柄,尤其是布局伐债、文本、圖片致开,
  6. 實現(xiàn)一個淘寶-首頁峰锁,要求包含交互:下拉刷新和上拉加載更多,主要目的是熟悉復雜列表視圖双戳、滾動嵌套虹蒋、手勢
  7. 實現(xiàn)一個簡單登錄頁面的Http請求,服務端自己寫飒货,主要目的是熟悉Flutter的輸入框魄衅、Dart的異步編程(async/await/Future)、網(wǎng)絡請求塘辅、json解析晃虫、響應式編程(StatefulWidget/setState)
  8. 實現(xiàn)一個簡單登錄頁面的grpc請求,protobuf文件和服務端也自己寫莫辨,主要目的是熟悉grpc插件的用法
  9. 實現(xiàn)讀取SP的簡單頁面傲茄,不準用第三方插件毅访,自己用MethodChannel實現(xiàn)Flutter調(diào)用原生的功能
  10. 實現(xiàn)Flutter項目接入宿主Android容器沮榜,主要目的是熟悉Flutter靜態(tài)路由和Android原生傳參給FlutterView

二盘榨、下一步的調(diào)研計劃

調(diào)研必須有輸出,實踐性的要有代碼產(chǎn)出蟆融,理論性的要有wiki產(chǎn)出草巡,沒有產(chǎn)出的調(diào)研,就是耍流氓

  • 寫一個國際化的demo型酥,實現(xiàn)多語言切換
  • 寫一個自定義View的Demo山憨,熟悉繪圖三劍客:canvas、path弥喉、paint
  • 寫一個網(wǎng)絡圖片緩存的demo郁竟,并了解其實現(xiàn)原理和內(nèi)存占用
  • 閱讀源碼,了解Flutter的渲染機制由境,如何從Widget->Element->RenderObject
  • 了解Dart的異步機制棚亩,深入理解async/await/Future的原理
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市虏杰,隨后出現(xiàn)的幾起案子讥蟆,更是在濱河造成了極大的恐慌,老刑警劉巖纺阔,帶你破解...
    沈念sama閱讀 210,914評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件瘸彤,死亡現(xiàn)場離奇詭異,居然都是意外死亡笛钝,警方通過查閱死者的電腦和手機质况,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,935評論 2 383
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來玻靡,“玉大人拯杠,你說我怎么就攤上這事】信” “怎么了潭陪?”我有些...
    開封第一講書人閱讀 156,531評論 0 345
  • 文/不壞的土叔 我叫張陵,是天一觀的道長最蕾。 經(jīng)常有香客問我依溯,道長,這世上最難降的妖魔是什么瘟则? 我笑而不...
    開封第一講書人閱讀 56,309評論 1 282
  • 正文 為了忘掉前任黎炉,我火速辦了婚禮,結(jié)果婚禮上醋拧,老公的妹妹穿的比我還像新娘慷嗜。我一直安慰自己淀弹,他們只是感情好,可當我...
    茶點故事閱讀 65,381評論 5 384
  • 文/花漫 我一把揭開白布庆械。 她就那樣靜靜地躺著薇溃,像睡著了一般。 火紅的嫁衣襯著肌膚如雪缭乘。 梳的紋絲不亂的頭發(fā)上沐序,一...
    開封第一講書人閱讀 49,730評論 1 289
  • 那天,我揣著相機與錄音堕绩,去河邊找鬼策幼。 笑死,一個胖子當著我的面吹牛奴紧,可吹牛的內(nèi)容都是我干的特姐。 我是一名探鬼主播,決...
    沈念sama閱讀 38,882評論 3 404
  • 文/蒼蘭香墨 我猛地睜開眼黍氮,長吁一口氣:“原來是場噩夢啊……” “哼唐含!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起滤钱,我...
    開封第一講書人閱讀 37,643評論 0 266
  • 序言:老撾萬榮一對情侶失蹤觉壶,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后件缸,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體铜靶,經(jīng)...
    沈念sama閱讀 44,095評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,448評論 2 325
  • 正文 我和宋清朗相戀三年他炊,在試婚紗的時候發(fā)現(xiàn)自己被綠了争剿。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,566評論 1 339
  • 序言:一個原本活蹦亂跳的男人離奇死亡痊末,死狀恐怖蚕苇,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情凿叠,我是刑警寧澤涩笤,帶...
    沈念sama閱讀 34,253評論 4 328
  • 正文 年R本政府宣布,位于F島的核電站盒件,受9級特大地震影響蹬碧,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜炒刁,卻給世界環(huán)境...
    茶點故事閱讀 39,829評論 3 312
  • 文/蒙蒙 一恩沽、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧翔始,春花似錦罗心、人聲如沸里伯。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,715評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽疾瓮。三九已至,卻和暖如春肤晓,著一層夾襖步出監(jiān)牢的瞬間爷贫,已是汗流浹背认然。 一陣腳步聲響...
    開封第一講書人閱讀 31,945評論 1 264
  • 我被黑心中介騙來泰國打工补憾, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人卷员。 一個月前我還...
    沈念sama閱讀 46,248評論 2 360
  • 正文 我出身青樓盈匾,卻偏偏與公主長得像,于是被迫代替她去往敵國和親毕骡。 傳聞我的和親對象是個殘疾皇子削饵,可洞房花燭夜當晚...
    茶點故事閱讀 43,440評論 2 348

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