

Let's explore a bit more to see what we mean. If that's the final look we want (or if we want an app that has support for Dark mode), it's super easy with how our project is set up initially by the Android Studio template. Fix status bar and system navigation bar to adapt to our app's theme.Īs you can see in our final screen, our app looks like it has dark mode enabled.


In this part of the series, we'll look at how styles and themes work in Compose, taking our app from Part I and giving it the final look that we want to achieve: In case you’re not fond of reading blog posts, I’ve also turned this 4-part Jetpack Compose series into a 13-minute speed code video with some laid back music for you to watch and relax to! 😊 🐶īut as I mentioned, we still have some things to do before we call it a complete Compose app. As of Part I, we successfully implemented a RecyclerView (known as Laz圜olumn in Compose), populating it with a list of puppies that we have for adoption.
