系列文章
【前端的 Flutter 新手村】Day11-對拇指友善的BottomNavigationBar
隨著手機螢幕越做越大，對一些手比較小的使用者而言，想要單手操控手機是越來越難以實現，於是有設計師注意到這個問題，提出拇指友善的網頁設計趨勢。而且越來越多的App...
【前端的 Flutter 新手村】Day12-懶洋洋的週末就來做個卡片吧
今天一直在下雨，又是週末，整個發懶，很晚才寫鐵人賽就直接拿昨天的BottomNavigationBar來做常見的卡片排版方式，我們可以Card Widget來做...
【前端的 Flutter 新手村】Day13-客製化屬於你自己的Flutter Theme Widget
不論是網頁還是App整體設計風格都會有統一配色和文字樣式，在Flutter中，我們可以自行定義一套專屬於你的App外觀主題Theme，更方便的讓App風格一致化...
【前端的 Flutter 新手村】Day14-簡單又快速地打包Flutter圖片資源
在前幾次的練習中，我們使用的圖片都是用線上路徑的圖片 Image.network('https://picsum.photos/200') 那要怎麼使用在專案...
【前端的 Flutter 新手村】Day15-圖片還在loading怎麼辦？轉圈圈動畫效果這樣做
當網速很慢時，我們常會看到畫面中有一直在轉圈圈的動畫，這是圖片載入完成前的placeholder暫代效果，使用者不會看到一片空白的畫面，而是透過轉圈圈的動畫，曉...
【前端的 Flutter 新手村】Day16-GestureDetector偵測手勢及管理狀態
在Flutter中我們可以利用GestureDetector來偵測互動手勢，藉此給予適當的回饋。 GestureDetector可以從父元件管理Stateful...
【前端的 Flutter 新手村】Day17-讓App進入不同層次的Animation(一)
好的動畫可以讓UI的使用上更加直覺，讓App有華麗的視覺效果和感受，提供更好的使用體驗。Flutter Animation Widgets可以讓我們輕鬆地實現各...
【前端的 Flutter 新手村】Day19-讓App進入不同層次的Animation(三)-Hero animations運作背景
今天要來認識英雄了！了解Hero背後是怎麼運作的，可能跟你原本的想像不一樣喔～ Hero其實是製造出一個假象，使用者以為是同一個物件在做動畫變化，但其實不是。F...
【前端的 Flutter 新手村】Day18-讓App進入不同層次的Animation(二)-AnimatedContainer
昨天介紹了許多Animation，今天就來用AnimatedContainer做一個簡單的動畫：點擊按鈕，讓按鈕方形展開至全螢幕，再點一下會再變回按鈕的樣子。...
【前端的 Flutter 新手村】Day30-鐵人完賽！系列文章目錄整理
鐵人賽終於跑完了，這段時間真的很累，因為是臨時起意報名的，平時也沒有累積文章，更不要說寫過Flutter。每篇文章都只有1-2天能利用空閒時間來做((哭，真的是...