前言 Hi, 我是魚板伯爵今天要教大家 Row 這個容器,教學內容只會擷取片段程式碼,建議大家搭配完整程式碼來練習。 完整程式碼 常用屬性 Row 裡面的容...
今天要來介紹StatefulWidget啦從字面上看起來就是 有狀態的部件(取名字真的很重要) when?? 甚麼時候會用到呢??就是當需要記錄狀態的時候此時我...
Today Preview 前言 接下來三天會提到跟狀態管理有關的議題由於React跟Flutter的核心思想都是State所以怎麼管理或傳遞這個State就...
Lottie Lottie源自Airbnb開源, 各類前端的支援度不錯,結論是 可以壓榨設計師用AE畫出很炫泡的動畫後直接放上去. pubspec.yaml 檔...
前言 Hi, 我是魚板伯爵今天要教大家 Center 這個元件,教學內容只會擷取片段程式碼,建議大家搭配完整程式碼來練習。 完整程式碼 Center 容器...
前言 Hi, 我是魚板伯爵今天要把登入的Repository寫好備用,教學內容只會擷取片段程式碼,建議大家搭配完整程式碼來練習。 完整程式碼 安裝 goog...
前言 Hi, 我是魚板伯爵這裡我們要將Google登入與介面做連接,所以又要使用Bloc了,老樣子按照著Event->State->Bloc的步驟建...
前言 Hi, 我是魚板伯爵今天要講 StatelessWidget & StatfulWidget差別,讓大家可以對這兩種部件有一點概念。 完整程式碼...
前言 今天會開始介紹flutter cookbook的內容,flutter cookbook是一連串進階技術的教學,我會先從flutter動畫開始介紹 Anim...
前言 Hi, 我是魚板伯爵今天就是把之前寫的一堆功能放到Screen裡面,由於是UI的部分所以程式碼會很長,有些地方我只會擷取片段,建議大家看完整程式碼。 完...
前言 Hi, 我是魚板伯爵今天要來創建一個CountBloc,然後就可以開始製作我們的CountButton了,我加了讓數字有彈跳的效果寫了一些動畫,有興趣的可...
前言 Hi, 我是魚板伯爵今天要把偵錯的功能加上去,教學內容只會擷取片段程式碼,建議大家搭配完整程式碼來練習。 完整程式碼 需準備的知識 [Day15]...
前言 Hi, 我是魚板伯爵今天要在我們的專案裡面加入場景的路由,這樣可以方便管理我們每個場景,教學內容只會擷取片段程式碼,建議大家搭配完整程式碼來練習。 完整...
Use themes to share colors and font styles 使用theme可以在整個App中共享顏色和字型,你也可以定義app-wid...
前言 Hi, 我是魚板伯爵今天要把按下螢幕時觸發的事件接上去,教學內容只會擷取片段程式碼,建議大家搭配完整程式碼來練習。 完整程式碼 需要具備知識 基本...
介紹 只要把Widget想像成一塊塊的樂高積木或是部件,當你要建造一台新阿姆斯特朗旋風噴射阿姆斯特朗砲,你可能需要砲管,砲身,底座,子彈儲存球,前列腺高潮動力球...
前言 Hi, 我是魚板伯爵寫到這邊時不知道大家都已經非常熟練了,這次我們要來做一個有趣的小遊戲,就是點一下螢幕數字就會加一,是不是很有趣呢? 完整程式碼 需...
大家安安 晚上好~~ 今天要把專案裡的StatelessWidget 更改成為 StatefulWidget我想要加入點讚的功能去計算我的寵物的讚數 首先我們先...
前言 今天會把flutter裡常見的layout都介紹完畢 Stack 使用Stack widget可以將widget重疊在另一個widget上 childr...
大家安安,小弟弟要來接續上一篇的結尾上一篇的進度是列出了寵物的清單 而現在我們想實現在點擊清單的時候可以跳出視窗顯示寵物的圖片及內容的功能 因為我們需要onTa...
Checking conditions 有時候可能會遇到要驗證元素全部符合特定條件的時候,這時候並不推薦使用for-in 不推薦使用 for (final it...
Mapping map()可以讓你對每個元素使用函數去替換舊的函數 void main() { var numbersByTwo = const [1, -...
當我們與 UI (使用者介面)互動時,會改變資料,進而有儲存資料的需求。 這時候要考慮一些事情: 這些資料要短暫的儲存、還是要存放久一點?我們會先把狀態分類成...
小弟弟第一次發文,如有不好的地方 請多包涵 (≧∀≦)ゞ 由於我是vs code 使用愛好者所以就用此IDE去安裝囉 打開vscode後 左邊有延伸模組搜尋da...
Packing widgets 預設情況下,row或column沿其main axis會使用盡可能多的空間,但如果你想把children widget緊緊地包在...
Sizing widgets 如果widget太大,例如圖片太大張導致畫面放不下的時候,可以使用Expanded widget去把尺寸太大的widget包進去,...
snackbar snackbar可以在使用者執行操作後簡短地通知使用者,用以下3步可以快速建立snackbar 建立Scaffold 顯示snackbar...
背景 前兩篇分享了 Kotlin & Flutter 各自的基礎元件應用實例,實例結果都是如下畫出同個畫面: Kotlin 基礎元件應用實例結果截...
目的 比較 Kotlin & Flutter 返回上個頁面時,如何改成返回上上頁 說明 今天先討論 Flutter 如何完成返回上上頁的流程,明天則討論...
DAY1前言 前言 小弟為大三本科生 實務經驗在兩-三年 不太會讀書 喜歡實務 全是感情毫無技巧。對鐵人賽早有耳聞 非常崇拜各位神人在每天繁忙的生活中還能抽出時...