Summary
This chapter showcased how key elements of Jetpack Compose work together in a real-world app. You learned how to theme Compose apps and how to keep your Compose theme in sync with resource-based themes using colorResource()
.
Scaffold()
acts as an app frame or skeleton. We used its slot API to plug in a top app bar with a menu, as well as a bottom bar to navigate between screens using the Compose version of Jetpack Navigation.
In the next chapter, Exploring App Architecture, we will discuss how to separate UI and business logic. We will revisit ComposeUnitConverter
, this time focusing on its use of ViewModels. But there’s more. I will also explain how to make sure your app feels snappy by introducing side effects.