Flutter入門實戰：從0到1仿寫web版掘金App

2018曾埋下一粒種子，今年必定要寫一本小冊。。。

前言

立貼的方向曾今是分析react源碼並實現react mini...的確亞歷山大，後因團隊技術方向探索以及業務壓力，沒有太多時間來學習源碼。固然，源碼的學習還未終止。

在下半年，老闆介紹到團隊後面可能須要搞起flutter建設的時候，開始萌生要不寫個Flutter入門實戰的小教程吧~遂在十一寫了一篇《Flutter從入門到寄幾玩兒》。

在此也寫過不少的demo，不管是咱們項目中正在打算開源上線的Flutter菜鳥手冊（後續會推出）仍是網上借鑑各路大神實現的有意思demo。加上以前有些過react 全棧demo的系列教程。遂想寫一本，關於Flutter入門實戰的小冊：《Flutter入門實戰：從0到1仿寫web版掘金App》

說說Flutter

若是再次以前你們對Flutter仍是比較陌生的話，那麼通過Google昨天發佈的1.0相比你們都對Flutter有了一個嶄新的認識。其中最令我興奮的或許就是Flutter欲統一多端。心中默默可憐正在使用的Rax。一塊兒。心中還隱隱嘆息Google層力推的shadow dom，web Component...而現在，這些均可以在Flutter中有所期待。其中對於前端甚至遊戲界中最爲期待或許是 Flare 的出現。讓動畫成爲了一種誇張的簡便。

對於Flutter的性能，推薦你們能夠參看下閒魚發表的一篇流言終結者- Flutter和RN誰纔是更好的跨端開發方案。

這本小冊

小冊的目的是爲了將知識點更加集中的存放同時也是本身2018的一個目標。

筆者將從flutter基礎到一步一步實現web版掘金來帶你們感覺flutter的魅力。旨在讓你們熟練使用flutter來完成本身想作的APP開發。固然，筆者深知授人魚不如授人以漁。因此文章中，會介紹筆者遇到的問題，以及思考的過程。方便你們借鑑與思考。

想寫的不少，Dart畢竟是一門語言不可能一篇概全。Flutter可能還有些陌生，不可能一篇吃透。可是限於篇幅，筆者仍是想以實戰爲主打。其中也會給你們推薦筆者認爲不錯的學習資源。

你會學到什麼？

• 入門flutter、學習Dart ，掌握一門新技術
• 掌握flutter、dart中開發技巧以及解決問題的方式
• 經常使用Widget的使用並可獨立完成界面編寫
• flutter中路由的使用以及flutter package的查找和使用
• 學會網絡請求、上拉刷新等常規App具備的功能開發
• 獨立開發App

一下是小冊的目錄：

• Dart基礎介紹
• flutter入門以及經常使用Widget介紹
• 項目框架搭建
• 「flutter」數據model及json處理
• 首頁List UI編寫
• fluro介紹以及路由配置
• 首頁網絡請求
• 下拉刷新 & 加載更多
• webView for Detail
• 駐足思考、總結
• 沸點 UI & 功能 編寫（上
• 沸點 UI & 功能 編寫(下)
• 小冊 UI & 功能 編寫
• 開源庫、活動 UI & 功能 編寫
• 登錄功能 & App響應
• TODO & 總結
• Dart基礎介紹

目錄以功能點劃分，目前還在評審階段，若是你們有好的想法，歡迎交流。小冊編寫順序同時也是筆者的編碼順序。寫完一個功能點，寫一篇文章，有些章節甚至會補充以前章節的修改。這樣也是爲了讓你們能在看小冊中感覺到編碼的過程。羅馬不是一日建成之說。

小冊適合剛剛起步Flutter者，對於已經熟練使用經常使用Widget和基本功能app開發的同窗可能幫助並不會很大，建議你們能夠先看看github開源的代碼

重點說明

小冊目前還在評審階段。原認爲的十一月份評審修改階段推到了十二月份，也的確有些與工做任務衝突，可是初寫小冊，筆者也是很是謹慎，秉承着寫的不囉嗦又不遺漏關鍵點的原則，但願在評審階段多多吸取各路同窗的建議和意見並加以修改，特此申請了早鳥票。也但願可以真正的幫助初學者感覺下Flutter的魅力。

官方羣一直未建，歡迎你們加入筆者自羣的交流羣。歡迎吐槽、指點：

小冊地址：https://juejin.im/book/5bff85f3e51d453c6c05fa57

github地址：https://github.com/Nealyang/flutter