Flutter Monthly #2020/03

Flutter Taipei
Flutter Taipei
Published in
4 min readMay 23, 2020

因應全球疫情升溫的關係,原本預期月底舉辦的 Flutter Taipei Warm-Up Party 活動取消,儘管如此,志工們將繼續為大家帶來月報回顧,並考量舉辦線上活動的可行性,也謝謝大家持續關注,請各位讀者保重!

Flutter Video

NotificationListener
在 Widget Tree 的每個節點,都可以透過 dispatch 發出通知,通知再沿著父結點傳遞。接收通知的節點用 NotficationListener widget 包起來,便可以在 onNotification 中接收並處理 callback;也可指定特定接收特定的 Notification。

Widget of the week — NotificationListener on Flutter YouTube channel

Builder
提供一個 Builder 自己的 context,方便存取並且正確關聯 BuildContext。
延伸閱讀 — Flutter-為什麼包裝一層Builder空間之後,路由或點擊彈框事件正常使用了?

Widget of the week — Builder on Flutter YouTube channel

ClipPath
裁剪特定 Widget,可以達到顯示特定區域,或設計的效果。可以使用官方提通的幾個簡單的 clipper,或是自己寫 CustomClipper。

Widget of the week — ClipPath on Flutter YouTube channel

CircularProgressIndicator and LinearProgressIndicator
當正在處理的進度是能被可視化控管的,可以透過 value 提供使用者目前的進度,例如下載數據;無法被追蹤進度的流程,例如網路資料傳遞,則適合無限循環的 ProgressIndicator,設計的目的是為了讓使用者知道應用程式還在執行,而不是當掉的狀態。

Widget of the week — CircularProgressIndicator and LinearProgressIndicator on Flutter YouTube channel

How to choose which Flutter Animation Widget is right for you?
影片中 Emily 教大家如何選出正確的方式在 Flutter 做出動畫。
另外還有 Flutter Europe 的影片提供更詳細的介紹!

Flutter in Focus: How to choose which Flutter Animation Widget is right for you? on Flutter YouTube channel

精選文章

  • Flutter Class Diagram — Widget
    社群上 Ticore 分享自己照著官方文件整理的 Flutter widget UML Diagram,幫助釐清 Flutter Widget 架構。

Flutter Taipei 本月投稿文章

  • Build A Login Screen With Flutter & Flare
    如本月 Flutter Video 中,Emily 提及的 Flutter 動畫,Flutter 有許多非常強大的第三方提供 drawing 相關的 animation 支持,除了陳董文中提到的 Flare(Rive 的前身),Airbnb 的 Lottie 也是不錯的工具。
  • 利用 Nginx+Rtmp Server 實作 Flutter 播放直播
    Flutter 在複雜功能上的開發是否能支援,往往是決定公司是否改採用或選擇它的考量之一。繼上次 WebRTC 後,BoShi Lee 也實作並記錄了直播功能開發的可能性。

--

--