Building a Real-World App

The previous chapters explored various aspects of Jetpack Compose. For example, Chapter 2, Understanding the Declarative Paradigm, compared the traditional view system to composable functions and explained the benefits of the declarative approach. Chapter 4, Laying Out UI Elements in Compose, gave you a solid understanding of important built-in layout composables, such as Box(), Row(), and Column(). In Chapter 5, Managing State of Your Composable Functions, we looked at state and learned about the important role it plays in a Compose app.

Now, it’s time to see how these key elements work together in a real-world app. In this chapter, you will learn how Compose apps can be themed. We will also look at Scaffold(), an integrational UI element that picks up quite a few concepts that were originally related to activities, such as toolbars and menus. Finally, we will learn how to add screen-based navigation.

In this chapter, we will cover the following...