Flutter的使用教學筆記

QQ交流群

• Flutter 程序開發群：766307130

教程

• 官方實戰

  • 使用Flutter 構建精美的頁面

• 雲在千峰

  • 博主一直是從事 Android 開發的，所以主要從 Android 技術角度來分析 Flutter 的開發文檔。
  • Flutter 框架介紹
  • Flutter 環境設置
  • Flutter 應用解析
  • 發布 Flutter Android 應用
  • Flutter widgets 庫解析
  • Flutter 控件之 文本和基本的容器
  • Flutter 控件之 MaterialApp
  • Flutter 控件之 Scaffold
  • Flutter 控件之 AppBar 和 SliverAppBar
  • Flutter 控件之 Drawer DrawerHeader 和 UserAccountsDrawerHeader
  • Flutter 控件之 BottomNavigationBar FloatingActionButton
  • Flutter 控件之 Routes 和 Navigator
  • Flutter 應用開發總結

• 咖啡花園

• 關於Flutter 的分享 咖啡花園

  • Flutter實戰一Flutter聊天應用（一）
  • Flutter實戰一Flutter聊天應用（二）
  • Flutter實戰一Flutter聊天應用（三）
  • Flutter實戰一Flutter聊天應用（四）
  • Flutter實戰一Flutter聊天應用（五）
  • Flutter實戰一Flutter聊天應用（六）
  • Flutter實戰一Flutter聊天應用（七）
  • Flutter實戰一Flutter聊天應用（八）
  • Flutter實戰一Flutter聊天應用（九）
  • Flutter實戰一Flutter聊天應用（十）
  • Flutter實戰一Flutter聊天應用（十一）
  • Flutter實戰一Flutter聊天應用（十二）
  • Flutter實戰一Flutter聊天應用（十三）
  • Flutter進階—Firebase數據庫實例

• 等等系列，文章很用心，基礎知識和進階應有盡有！

• 文章

  • Flutter beta 1 重磅發布：開發精美的原生應用

• 搜集

  • Solido/awesome-flutter
  • nisrulz/flutter-examples

• 開源項目

  • FriendlyChat - 由 Google 員工小組開發的 Offline/Firebase 聊天項目
  • Meme Chat - 由 Google 員工團隊使用 Firebase，Google登錄和相機開發的聊天應用
  • Flutter News - 由 Andres Araujo 開發的黑客資訊客戶端
  • Flitter - 由 Hadrien Lejard 和 Kevin Segaud 開發的Glitter 應用，使用了 Redux 和 Jaguar
  • Cooking App - Óscar Caballero 開發的廚房類應用
  • Lime - 由 Sebastian Sellmair 開發社交網絡應用
  • Flitch - 由 Matan Lurey 開發的 Twitch 客戶端
  • WikiFlutter - 由 Nano WANG 開發的 Wiki 閱讀器
  • DartHub - 由 Sam Thompson 開發的 Github 客戶端
  • Planets-Flutter - 由 Sergi Martínez 開發的地球探索，展示豐富用戶界面
  • NewsBuzz - 由 Ankur Kedia 新聞客戶端
  • Fluvies - 由 Dilpreet Singh 使用 MVP, PathProviders, FutureBuilders 和 Database 開發的視頻瀏覽應用
  • DroidKaigi2018-flutter - 由 konifar 開發的 DroidKaigi 2018 東京非官方會議應用程序
  • Heroes Companion - 由 arranf 使用 redux 和 sqlite 開發 的風暴英雄應用
  • CryptoShadow - 由 Hugo EXTRAT 開發的加密貨幣行情分析應用
  • Trovami - 由 Manoj NB 開發的以 Flutter 和 Firebase 為后端構建的現場位置分享應用程序
  • Music Player - 由 Pawan Kumar 開發的全功能的音樂播放器
  • Planty - 由 Ivascu Adrian 開發的植物店
  • inKino - 由 Iiro Krankka 開發的完整的電影應用程序，使用 flutter_redux 進行狀態管理，具有很好的過渡動畫，以及一整套的 widget 和單元測試

• 案例

  • Hamilton - Introducing Hamilton — The Official App. Fans’ access to all things Hamilton: An American Musical.
  • Newsvoice - Newsvoice shows all the news and perspectives from high quality sources in one place.
  • Bendometer - "Harmonica tuner". Learn how to play bends on your harmonica.
  • Ecuestre Digital - Ecuestre Digital provides real-time results and video streaming of Equestrian Events.
  • Hookle - Manage your social media in one place
  • inKino - A complete movie app that uses flutter_redux for state management, has nice transition animations, and a comprehensive set of widget & unit tests, by Iiro Krankka