Flutter Monthly #2020/12

Flutter Taipei
Flutter Taipei
Published in
5 min readDec 25, 2020

CodePen 在今年四月開始支援撰寫 Flutter,申請一個帳號即可保存個人的程式碼,即使沒有 IDE 也能隨時隨地連上網、開始寫你的 Flutter Code❤️
本月份沒有特別的新訊息,但是 Flutter 社群依然活躍。讓我們一起看看社群中分享了那些資源吧~

Flutter Widget 教學

對角動畫 Animated Align

一直以來 Flutter 都有提供許多可以快速使用的動畫 Widget。本月份 Flutter Community 介紹了 Animated Align 的使用方式。

SwitchListTile

透過列表顯示控制項是很常見的使用方式,但是複雜的 List 卻不好操控。因此 Flutter 推出各種 ListTile,方便開發者選擇需要的項目,放入 List 當中。本次介紹的是 Switch 功能,當你需要將 Switch 放入 List 時,可使用 SwitchListTile 簡單達成想要的功能。

Location

人們隨身攜帶運算能力強大的手機,也給了 APP 許多開發應用的想像空間。透過簡單的方式,我們也可以在 Flutter APP 中取得用戶的位置資訊(當然要經過用戶同意嘍~)。

Flutter 技術分享

Local Push Notification

訊息通知可以透過遠端發送,也可以由本地推送。doctor code 分享了一則影片, 教我們如何從本地撰寫程式碼,推送訊息通知。

How to scroll an ExpansionTile when it is expanded?

在使用 ExpansionTile 時,最令人困擾的就是伸伸縮縮高度不確定,如此一來該如何設定捲軸的位置呢?來看看其他開發者是如何解決這個問題的吧。

其它分享

E-commerce Complete Flutter UI

有使用 Flutter 開發購物 App 的需求嗎?這裡有其他人使用 Flutter 開發的 UI 介面,如果剛好有一樣的需求,可以參考、研究一下。

Material Design Implementation

有在關注 Design Guideline 的人都知道雙平台的設計規範網頁上有許多眉角是需要被注意的,在設計 App 的時候,依循這些準則也可以讓溝通和實作更方便。由 Google 推廣的 Material Design 網站上近期加上了 beta 版的 implementation Tab,可以看到針對不同平台(如 Android、iOS、Web、當然還有 Flutter!)的範例程式碼,了解一個 material component 是如何被實作。

Create the Chrome Dino Game with Flutter

還記得 9月份的月報和大家分享用 Flutter 開發的遊戲嗎?這次又有一位開發者使用 Flutter 開發横向捲抽的遊戲嘍,並且還分享角色動畫該如何製作,讓我們的角色在不同情況下可以有不同的動作,而不是生硬死版的樣子。

活動公告

Flutter 官方月中在 Twitter 上發了一篇沒有具體細節的活動公告,僅有提及在明年 3 / 3 有特別的活動,有興趣的朋友們可以 follow 官方 Twitter 帳號,我們也會持續為您追蹤活動資訊哦!

Official Flutter on Twitter

--

--