鐵人檔案
明明是前端卻突然被要求開發APP，因而感到不知所措？藉由這次鐵人賽機會，讓自己可以鼓起勇氣跨出學寫APP的第一步，也希望能讓同樣因APP開發而煩惱的人，輕鬆了解如何使用Flutter刻出常用介面及功能！
隨著手機螢幕越做越大，對一些手比較小的使用者而言，想要單手操控手機是越來越難以實現，於是有設計師注意到這個問題，提出拇指友善的網頁設計趨勢。而且越來越多的App...
今天一直在下雨，又是週末，整個發懶，很晚才寫鐵人賽就直接拿昨天的BottomNavigationBar來做常見的卡片排版方式，我們可以Card Widget來做...
不論是網頁還是App整體設計風格都會有統一配色和文字樣式，在Flutter中，我們可以自行定義一套專屬於你的App外觀主題Theme，更方便的讓App風格一致化...
在前幾次的練習中，我們使用的圖片都是用線上路徑的圖片 Image.network('https://picsum.photos/200') 那要怎麼使用在專案...
當網速很慢時，我們常會看到畫面中有一直在轉圈圈的動畫，這是圖片載入完成前的placeholder暫代效果，使用者不會看到一片空白的畫面，而是透過轉圈圈的動畫，曉...
在Flutter中我們可以利用GestureDetector來偵測互動手勢，藉此給予適當的回饋。 GestureDetector可以從父元件管理Stateful...
好的動畫可以讓UI的使用上更加直覺，讓App有華麗的視覺效果和感受，提供更好的使用體驗。Flutter Animation Widgets可以讓我們輕鬆地實現各...
昨天介紹了許多Animation，今天就來用AnimatedContainer做一個簡單的動畫：點擊按鈕，讓按鈕方形展開至全螢幕，再點一下會再變回按鈕的樣子。...
今天要來認識英雄了！了解Hero背後是怎麼運作的，可能跟你原本的想像不一樣喔～ Hero其實是製造出一個假象，使用者以為是同一個物件在做動畫變化，但其實不是。F...
繼昨天介紹了Hero Animation背後的運作原理之後，今天要來做一個最基本型的Hero動畫。 製作Hero Animation的重點： 使用Materi...
