Jetpack Compose 是建構原生 Android UI 的新型套件。Jetpack Compose 能以較少的程式碼、強大的工具和直觀的 Kotlin API,簡化並加快 Android 上的 UI 開發作業。
在此系列文章中,我們將完全從頭開始打造一個心情日記 App:Kimoji。 我們將從小元件到大元件逐一完成。 從「日記」Composable 開始寫起。我們將討論如何使用 Composable function 來建構 UI、 Compose 如何管理狀態,以及關於程式架構的討論。
連結:https://bit.ly/kimoji_app
Medium 好讀版 此系列文章是以我的業餘專案: Kimoji 作為範例。這款以純 Jetpack Compose 撰寫的 side project...
Medium 好讀版 畫面或 UI state 會包含畫面上要顯示的內容 (例如日記清單)。由於這個狀態含有應用程式資料,因此通常連結著 app 架構的其...
Medium 好讀版 此系列文章是以我的業餘專案: Kimoji 作為範例。這款以純 Jetpack Compose 撰寫的 side project...
Medium 好讀版 今天我們要來實作 Kimoji App 裡多選標籤的功能。我們會把勾選的狀態和邏輯放到 ViewModel。透過讓 ViewMod...
Medium 好讀版 此系列文章是以我的業餘專案: Kimoji 作為範例。這款以純 Jetpack Compose 撰寫的 side project...
Medium 好讀版 今天的文章中,我們要來介紹如何將 ViewModel expose 的可觀察資料型態接到 Composable 上。我們會示範將...
Medium 好讀版 我們想要在 Kimoji App 中新增一個 landing screen,可以用來在背景載入資料。 此系列文章是以我的業餘專...
Medium 好讀版 今天的文章中,我們要來實作彈出 ModalBottomSheet 的功能。目前,如果嘗試點擊日記上的選單,不會觸發任何動作。...
Medium 好讀版 已經開發了這麼多 Kimoji App 的功能,該埋點了吧!今天的文章會示範在使用者捲動「日記清單」時,觸發一個 side eff...
Medium 好讀版 鐵人賽系列文章今天進入最終章,在實作 Kimoji App 的過程,有許多實務經驗和心得非常想和各位讀者分享;Compose 的世...