Member-only story
Icon Picker — Jetpack Compose Way
When you’re crafting modern Android apps, user experience is everything. One underrated but highly effective way to enhance UX is to let users customise — and icons play a massive role in that.
But wait, why was I even building an icon picker in the first place? Well, I am currently building an application where the user was required to assign an icon to a type of category. While the first and foremost way to do it is to package all the icons in the app and then use that to show them. But wait, do you know, Jetpack Compose already comes with a lot of icons. So, I got a little curious as to how could I really leverage those and let users set them on their own. How’s this better than all other approaches? Because, I don’t need to package my app with all the icons, also, I don’t need to find all those icons over the internet, download them and manage them.
So, let’s I’ll walk you through building an intuitive Icon Picker using Jetpack Compose. It’s lightweight, clean, and showcases Compose’s reactive flow and state handling.
Preview
Before diving in, let’s look at the preview once, as to what’s the expected output out of this.
The Core Components
I think, anyone can build the UI if they know the core logic of how to actually retrieve the icons…
