Introduction

Heads up... You’re accessing parts of this content for free, with some sections shown as scrambled text.

Heads up... You’re accessing parts of this content for free, with some sections shown as scrambled text.

Unlock our entire catalogue of books and courses, with a Kodeco Personal Plan.

Unlock now

In the lessons so far, you worked on creating basic composables and using modifiers to change their appearance and behavior. It’s now time to learn how to tie together multiple composables and arrange them to form a cohesive layout.

In the XML world, you would use ViewGroups to arrange layouts horizontally, vertically, or relative to one another. However, due to multiple measurements, these ViewGroups often cause performance issues for complex UIs. Compose offers a far superior alternative without the performance overhead.

In this lesson, you’ll learn how to use layout composables to arrange your UI components. You’ll learn about:

  • Rows and how to use them to arrange your UI horizontally.
  • Columns and how to use them to arrange your UI vertically.
  • Boxes and how to use them to stack items on top of one another.
See forum comments
Download course materials from Github
Previous: Quiz: Modify Composables Next: Instruction