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.

I also showed you how 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, Tips, Tricks, and Best Practices, we will discuss how to separate UI and business logic. We will revisit ComposeUnitConverter, this time focusing on its use of ViewModels.