系列文章
DAY 21
Day 21 Compose Navigation 頁面切換
前言 Compose 中要在不同頁面之間切換，可以用 Navigation API。今天就來用在專案中 添加依賴 dependencies { imple...
DAY 22
Day 22 navigation popup & paramater
前言 今天來介紹 navigation 怎麼管理頁面 stack，以及navigation到其他頁面時帶參數的方式。 popup stack 是一種資料結構，...
DAY 23
Day 23 溫咖癲啦唯啊薩～讓按鈕浮起來吧！Floating Action Button
前言 今天來介紹整個頁面的要角 Floating Action Button。 Floating Action Button 樣子 簡稱為 FAB ，常在...
DAY 24
Day 24 改了變數畫面卻不會更新嗎？你需要來點 State！
前言 今天來介紹會觸發畫面更新的 State。先來個大總結，後頭再解釋： 在 Compose 中建議使用以下方式儲存變數 可觀察且可變 例如：State&...
DAY 25
Day 25 Advance State 和 Side Effect
前言 今天來介紹進階 State 和 Side Effect 。 依造昨天的慣性，先上結論表方便未來查找。 Effect_Name 更新畫面時機 執行動...
DAY 26
Day 26 把主畫面組起來！
前言 學以致用，把主畫面組裝起來。 MainScreen 這裡傳三個 funtion 用來做頁面轉換用。 @OptIn(ExperimentalMateria...
DAY 28
Day28 實作 DateTimePicker
前言 昨天完成 Training 頁面雛形，今天要來加一些更改數據的互動。 首先是日期調整這裡要用到 DatePickerDialog Date Picker...
DAY 29
Day 29 把 data List 搬到 ViewModel
前言 今天要將 training 資料搬到 viewModel。 ViewModel ViewModel 能以比較長的生命週期持有 State，讓螢幕選轉等...
DAY 30
Day 30 List 的 Item 參數也能有狀態？
前言 昨天使用 *toMutableStateList*() 讓 list 新增和移除可以讓畫面更新。 今天想要嘗試更改 list 的參數內容，讓內容也可以讓...