Home

Welcome to the Flutter Taipei 新手村 wiki!

About Flutter Taipei: 由一群熱愛Flutter的人經營的社團，以舉辦Flutter相關的技術活動為主。

Flutter Taipei 在 Discord 上開設頻道囉 🎉🎉🎉 -> https://discord.gg/QHVnSVz

---

• 正確 import Flutter 專案的方式
  • AndroidStudio
    • 千萬不要選 New > Project from existing sources option for Flutter projects.
    • https://flutter.dev/docs/development/tools/android-studio#creating-a-new-project-from-existing-source-code

---

Flutter Taipei 詳細介紹

• 最近活動

  • 2020/06/25 Flutter Day
  • 2020/06/27~28 第二屆 international Flutter 線上黑客松來了！

• getting started

  • 2019-09 iT邦幫忙 Flutter 介紹
  • 前端工程師的 Flutter 新手村挑戰
  • Flutter cheatbook 😄 有許多 widget 各種屬性配上 infographic
  • understanding-counter-app
    • 中文版 tbd
    • English version understanding-counter-app
  • 台灣 GDG 出的 Flutter 系列課程哦！
  • 國外 4.7 星 Udemy Flutter Bootcamp
    • 課程官方網站
    • 推薦教材！好像不少人都有推這門喔～
  • Flutter 官方 與 App Brewery 合作推出頗受好評的 免費課程
  • 這個 Github 上有不錯豐富的教學 :D GSYTech
  • https://flutter.cn/
  • https://dart.cn/
  • Dart 語言介紹
    • Dart Language(1)
    • Dart Language(2)
    • Dart Language(3)
  • A Developer’s Guide to Flutter: Step by Step
    • https://blog.solutelabs.com/flutter-tutorial-for-developers-step-by-step-guide-to-building-apps-28a70040edb9
  • How to take my flutter skills to a professional level?
    • https://www.reddit.com/r/FlutterDev/comments/gsuxgs/how_to_take_my_flutter_skills_to_a_professional/
  • Reso Coder
    • https://trshow.info/on/SIvrn68cUk8CS8MbtBmBkA.html
  • .

• Flutter Brunch

  • FlutterBrunch 練習與討論
  • 2020/05/30 開場簡報
    • Multithreading in Flutter

• Flutter Taipei 月報

  • 2020/02, 2020/03, 2020/04, 2020/05,
  • 2019/09, 2019/10, 2019/11, 2019/12,

• 其他連結

  • Medium -> link
  • 台灣 Flutter App 蒐集計畫
  • 投票 -> link
  • 陳董
    • 追求帶來價值的能力
    • 視差滾動效果
  • @Lau Chun Yin Vincent 翻譯了 Flutter Interact 活動哦！
  • Flutter Europe Talks
  • 外國工程師都怎樣聊天（吵架）？ React Native vs Flutter
  • https://www.code4flutter.com/
  • 闲鱼技术 / Flutter
  • 闲鱼 GMTC2019演讲实录|闲鱼基于Flutter的架构演进与创新
  • https://project-awesome.org/Solido/awesome-flutter
  • https://flutterx.com/
  • 【專訪】AMPOS：顛覆傳統人才管理的 Flutter App
    • https://medium.com/flutter-taipei/%E5%B0%88%E8%A8%AA-ampos-%E9%A1%9B%E8%A6%86%E5%82%B3%E7%B5%B1%E4%BA%BA%E6%89%8D%E7%AE%A1%E7%90%86%E7%9A%84-flutter-app-b0a24930755e
    • https://www.ampostech.com/

• 徵才

  • 06/05 ELSAGroup link
  • 05/05 Anytime App link
  • 04/20 鏡傳媒-READr link
  • 04/15 TSMC link
  • 04/14 依賴傳媒娛樂 link
  • 04/14 綺軒電子資訊 link
  • 03/11 多快出行 link

• widgets

  • 透過畫圖了解 Widget
  • Flutter Class Diagram — Widget

• icon

  • icon -> link

• i18n

  • 多國語系與在地化
  • a-new-approach-of-localization

• Font

  • Flutter Google Font 1.0.0

• flutter 觀念

  • The Lifecycle Of The Flutter
  • Flutter Widget Key 看似很簡單
  • Flutter 有四棵樹
  • 設定 environment variable

• state management

  • 討論 -> link
  • BloC and flutter_hooks -> link
  • 不同工具的比較 -> link

• 動畫 Animations

  • Animations done right

• 效能

  • 瘦身圖片內存，讓 App 效能提升
  • Flutter / React Native / Native 比較

• Flutter Web

  • web support updates 2020/0430

• cool things

  • 指紋與臉部辨識 (簡中
  • gSkinner
    • 用戶體驗 UX 實驗
    • Welcome to the Sparkle Party (Flutter Interact '19)
    • Showcase
    • Animations library
  • flare
    • Introducing Flutter development with Flare
    • 做動畫 with Rive
  • 區塊鍊
    • 建立以太坊虛擬貨幣交易
    • 區塊鏈虛擬貨幣錢包
  • AdobeXD x Flutter
  • 實作 Flutter 播放直播
  • Flutter WebRTC 1對1 視訊通話
  • Implementing complex UI with Flutter
  • FlutterUnit
  • Google Maps
    • How to Integrate Google Map
    • Real-time Location Updates
  • ML Kit
  • flutter_blue 套件實現藍牙對發車輛門鎖控制
  • GoogleSheet
  • Flutter Clock Challenge 作品
  • 相機辨識問題
  • Flutter + Unity3D AR
  • 口罩地圖
  • 有人為自己 5歲的女兒 , 寫了一個 聽力-拼字 練習程式
  • Flutter EChart
    • flutter_echarts
    • flutter_echarts cn
    • Reactive Echarts Flutter Widget
    • A performance optimization of Flutter WebView
    • others
      • twitter
      • ny-manhattan-buildings
      • manhattan-buildings
      • manhattan-a-3d

• architecture

  • clean architecture + TDD
  • Domain Driven Design

• code generation

  • bloc_code_generator Boilerplate code generation using Dart

• multi-thread?

  • https://medium.com/flutterdevs/threading-in-flutter-e5b84c7d8d31
  • Flutter Engine 线程管理与 Dart Isolate 机制

• dependency injection

  • Compile time Dependency Injection
  • Understanding Dependency Injection In Flutter Using Provider

• CI/CD

  • How to save 10% of Flutter development time every day?

• moor

  • https://resocoder.com/2019/06/26/moor-room-for-flutter-tables-queries-fluent-sqlite-database/
  • https://pub.dev/publishers/simonbinder.eu/packages
  • https://moor.simonbinder.eu/docs/getting-started/

• beautiful sites

  • https://flutter.ph/hackathon2019/

• performance

  • https://www.youtube.com/watch?v=PKGguGUwSYE

• tbd...