Introduction

In the previous module, you covered a range of fundamental concepts related to building UIs in Jetpack Compose. Specifically, you learned about the importance of modifiers, which are functions that you can use to customize the appearance and behavior of composables. You also learned about several commonly used layout composables, including Row, Column, and Box, which allow you to organize UI elements in various ways.

In addition to layout and styling, you also learned how to work with text in Jetpack Compose. This included formatting text using different fonts, sizes, and styles and aligning text within a layout.

Finally, you learned about theming in Jetpack Compose. These concepts provided a strong foundation for building UIs in Jetpack Compose.

However, you haven’t learned how to build one of mobile apps’ most common UI elements. How can you use Jetpack Compose to build a list of items that go beyond what your screen can accommodate? There might even be situations where your screen UI is dynamic, and you want the ability to add more items to the list as time goes by, like a social media feed.

You can achieve this result by allowing your content to scroll. In this module, you’ll learn how to build scrolling lists in Jetpack Compose, and how you can build static and dynamic lists. You’ll learn the most efficient and performant way to render these lists and the different modifiers and properties available for you to use.

Starting off with the first lesson you’ll learn how to

• How to use vertical scrolling modifiers
• How to use horizontal scrolling modifiers