從零開始，一起學習開發個 Flutter App 吧

大家好，我是葉大俠，一名獨立開發者。

在用 Flutter 開發了一個簡單的外包應用之後，熱重載的體驗實在太棒，覺得是時候把這項跨平台技術系統學習一下了。

我打算通過從零開發一個App的方式，在這個過程中遇到不懂的再去學習和琢磨，用輸出來倒逼輸入。

我會把整個過程梳理成一個 Flutter 的實戰教程，你可以從中學習到開發一個 App 的全部知識脈絡。并且我會針對一些概念和知識難點深入剖析，盡可能深入淺出，用大家能看的懂的語言表達出來。

另外，我會把制作這個 App 過程中用到的素材，包括原型稿、設計稿、和用戶端源代碼開源出來，紙上得來終覺淺，你可以去下載下傳、運作、調試和改動代碼，這樣可以幫助你真正掌握。

這是個什麼App？

這個 App 可以了解為是

C大調音樂網

的用戶端産品，這個網站也是我獨立開發的，是以也可以認為教程也是順路一起做的咯。

App主要包含四個子產品：

音樂課程

• 課程類型有錄播課程和專欄課程，按照不同的樂器類型進行分類。
• 使用者可以在 App 進行購買、觀看課程視訊和文章。
• 老師和使用者可以在每節課下面進行留言和回複。

音樂老師

• 按地理位置給使用者推薦入駐音樂老師。
• 使用者可以檢視老師的資曆、演奏視訊等。

音樂曲譜

• 使用者可以搜尋、收藏曲譜和譜集。

音樂視訊

• 投稿視訊展示，使用者可以進行評論、點贊和分享。

你會學到哪些東西？

• Dart 語言
• Flutter UI 架構
• Http網絡請求
• 本地存儲
• pub常用庫的使用
• 微信登入和支付、消息推送、統計等第三方服務內建
• 常用工具、應用調試和性能優化
• 應用建構和上架

如何開展？

為了更加友善國内小夥伴，我會把相關的源碼托管到碼雲上，大家可以通過issue來開展讨論和學習。

教程将會使用 markdown 來編寫，在知乎、公衆号和我們的團隊部落格上，以連載的方式同步釋出，歡迎大家進行訂閱和關注，跟着一步一步學習。

• 公衆号：AgileStudio工作室
• 團隊部落格： http://blog.nowait.xin
• 知乎： AgileStudio
• 碼雲：

寫在最後

為什麼做這個?

1. 希望更多人知道 ，沒錢撒廣告哈，隻能靠勤勞的雙手啦哈哈哈~
2. 學習和熟悉Flutter~
3. 又順便把C大調的用戶端做了，完美！

一舉多赢，是以大家不用擔心我會棄坑，我給自己定的deadline是明年6月，希望到時候能把自己挖的坑填完。

劃重點！這個項目是要上線應用市場的，僅供學習，不可以商用哦！

另外目前是自由職業狀态，是以除了做這個事情，還要想辦法恰飯，是以内容是不定期更新的。

最後由于筆者水準有限，是以在輸出過程中難免會出現一些錯誤，請大家一定要不吝指正。

感謝你的關注。

關于

我們是一支由資深獨立開發者和設計師組成的團隊，成員均有紮實的技術實力和多年的産品設計開發經驗，提供可信賴的軟體定制服務。