Contents

• Articles
  • Videos
  • Patterns
  • Layout
• Widgets
• Plugins
• Examples
• IDEs

Articles

Patterns

• MVVM in Flutter using Dart Streams
• MVP 在 flutter 中的應用
• MVP Architecture

Videos

• Flutter Widget of the Week (Google Developers) - 官方 Youtube 教學影片, 介紹各種 Widget 使用

Layout

• Updating the UI based on orientation - 包覆 OrientationBuilder 取得orientation
• How does Flutter handle orientation change - MediaQuery.of(context).orientation取得 orientation

Widgets

• 數字鍵盤 - 須自行添加或更換 'assets/backspace.png' 圖檔.
• 帳密登入 - Add dependencies: shared_preferences: ^0.4.3 fluttertoast: ^2.1.0
• Inherited Widgets - 方便存取到父類別attach的變數、物件等等

Plugins

Scanner

• flutter_barcode_reader - A flutter plugin for scanning 2D barcodes and QR codes.不能調整 Camera, 因為是直接呼叫外部原生去處理, Layout 已經固定寫好了.
• Fast QR Reader View Plugin - A Flutter plugin to scan multiple type of codes. minimum Android sdk version to 21. iphone 6 上跑起來算順, 但是 Camera 畫面有點模糊.
• QR Mobile Vision - 使用 Google's Mobile Vision API, 可以自定義 Camera size. 在 iphone 6 上跑起來 Camera fps 不是很順, iphone 8 順暢.

WebView

• flutter_webview_plugin - 在Flutter可以內嵌Native Webview WebView效能不是很好，可以監聽到事件start loading, loading, finish loading，但無法從中截斷，兩個平台有些差異
• flutter_inappbrowser - 看起來非常完整

HTML Viewer

• parse HTML tag into widget
• FlutterHTMLView
• flutter_html - 目前看來支援度最高
• html_widget - 這是Google自己出的
• html text view - 用起來可以支援 style video image 還不錯

Deeplink

• url_launcher - 可以從Flutter依照Deeplink啟動App 兩個平台使用上有些坑，Android的deep link常常是intent://gomaji://...，這個必須得過濾成gomaji://且不能大寫。iOS的canOpenUrl()總是回傳false

Shared preferences (數據儲存)

• Shared preferences - Wraps NSUserDefaults (on iOS) and SharedPreferences (on Android).

sqflite (SQLite plugin)

• sqflite - SQLite plugin for Flutter. Supports both iOS and Android.

Toast

• FlutterToast

Route

• navigate - A new Flutter package for Byutifull navigation.

Examples

• flutter_architecture_samples - 使用各種架構實作 Todo List.

IDEs

• Android Studio / IntelliJ
• Visual Studio Code