[Flutter] RefreshIndicator class
使用 App 瀏覽資訊，很常會遇到可以往下捲的畫面，此時若一直往下拉到頂，上頭通常會出現重整動畫，經過一小段時間，畫面就會更新。😀
在 Flutter 中有已被定義好的 Widget，我們能夠輕易實現此友善的體驗，看起來效果挺棒的。
Posts tagged ‘widget’
[Flutter] FutureBuilder Widget
現在 App 應用幾乎都會連線網路，於是非同步取得資料是必備的執行方式，在 Flutter 我們可以使用 FutureBuilder Widget。😎
[Flutter] GridView Widget
我很常使用 IG 來張貼自己的生活美食照片，IG 在個人頁面是以一列三行的方式排列。在 iOS 這樣的排列元件叫做 CollectionView，而在 Flutter 中則叫為 GridView。
GridView Widget 相當好實現，比原生容易太多。🤠
（繼續閱讀…）[Flutter] ListView Widget
將一系列資料顯示在螢幕上，是我們很常遇到的使用情境，在 iOS 上是叫做 TableView，而在 Flutter 則叫為 ListView，我們可以做出非常類似的 UI/UX。
ListView Widget 將很好使用。🤠
（繼續閱讀…）[Flutter] CustomPaint Widget
有時候我們需要在螢幕上繪圖，可以想像有著各式各樣畫筆、顏色、粗細等工具，此時我們可以怎麼做呢？🤔
可以使用 CustomPaint Widget，讓我們在畫布上隨意繪圖。
先來秀出我們最後的成果：
可以見到螢幕上有個黃色正方形，裡頭又有個綠色三角形。
（繼續閱讀…）[Flutter] AnimatedContainer Widget
我們時常要變更介面，希望有平滑的轉場效果，此時可以使用 AnimatedContainer Widget。
過去我們都會使用 Container，現在只要將它替換為 AnimatedContainer Widget，即可做出華麗的漸變過程。
此為最初的狀態。
（繼續閱讀…）[Flutter] Wrap Widget
我們在排列介面時，時常會使用 Row 或 Column，但有時候會超出螢幕，此時該怎麼辦呢？🤔
我們可以改用 Wrap Widget，它擁有跟 Row 或 Column 類似的一些屬性，某些狀況是可以取代之。
以下截圖，是以 Row 和 Column 為例。
可見到右邊和下面介面超出顯示範圍。
（繼續閱讀…）[Flutter] Expanded Widget
使用 Expanded Widget 有何效果？Flutter 的 Expanded 更改了行和列子級的約束，指示它們填充可用空間。於是把 Child 包裹在 Expanded 中，看著它成長！😎
逍遙文工作室 
HappyMan・迴響