Flutter入門實戰教程：從0到1仿寫web版掘金App （完結）

時間 2019-11-07

標籤 flutter 入門實戰教程 web app 完結欄目 HTML 简体版

原文原文鏈接

前言

準確的說，這是去年十一月份就寫好的教程，html

雖然遲遲未上線（拖了半年），可是很是感謝購買的老鐵們~前端

雖然心中很不爽，git

可是回頭想一想，也是的確寫的比較倉促，可是當時本身在寫的過程當中，的確能學到不少東西，因此很想分享出來，至於說內容不過關，我也無話可說，也很是接受不上線的結果。雖然我並不能肯定，在去年，這位運營小哥所說的該如何寫是否真的知道 Flutter 應有的學習路線。github

即使如此，有各類老鐵們的支持，仍是內心面仍是暖暖的。web

掘金是一個很好的平臺，合做的過程當中雖然發生的不愉快，可是依舊不妨礙分享呀~編程

運行效果

正文

這裏我也是直接拿小冊介紹來了json

做者介紹

前環球網全棧開發工程師，現某廠高級前端工程師。技術主要涉獵pc及無線。網絡

GitHub上千star項目《React-Express-Blog-Demo》做者，環球網新版官方Android客戶端初版主要開發者前端工程師

Alibaba/FlutterGo 主要開發者框架

熱愛技術，熱愛分享。一塊兒學習，一塊兒進步

GitHub地址：github.com/Nealyang

介紹

以前有介紹過關於flutter的入門文章:flutter從入門到寄幾玩兒，文章底部寫到會繼續寫demo給你們練習。因爲以前在GitHub上寫過相似React練習項目：React-Express-Blog-Demo ，因此最近筆者也一直在思考，是否能夠一樣，用flutter一步一步來帶領你們一塊兒學習使用fluter呢。

技術終歸就是工具，沒有實操是絕對的紙上談兵。鑑於網上太多關於flutter的系列入門文章，其中有掘金翻譯的fluter中文網其實就是一個很好的入門資料。

講了這麼多，咱們這裏稍微介紹下flutter。2018年6月21日Google發佈Flutter首個release預覽版,做爲Google baba大力推出的一種全新的響應式，跨平臺，高性能的移動開發框架。Flutter是一個跨平臺的移動UI框架，旨在幫助開發者使用一套代碼開發高性能、高保真的Android和iOS應用。

flutter優勢主要包括：

跨平臺
開源
Hot Reload、響應式框架、及其豐富的控件以及開發工具
靈活的界面設計以及控件組合
藉助能夠移植的GPU加速的渲染引擎以及高性能ARM代碼運行時已達到高質量的用戶體驗

並且，他是Google BaBa開源的，而且目前阿里巴巴集團內部也是flutter風氣正茂，因此咱們徹底有理由相信flutter將來，必定會有本身的舞臺。

下圖來自developers.googleblog.com官網從StackOverflow統計來的數據

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

實戰項目並不是 1:1 還原web版掘金，小冊旨在帶領你們使用flutter完成App開發，解決問題思路以及widget查找、使用的介紹。對於flutter的環境搭建以及後續的上線並未涉及。後面可加羣一塊兒討論。文章隨着項目的編寫，一邊開發一遍寫文章，後面開發過程當中可能會遇到以前不合理的地方可能會回頭修改編寫~