Using predefined layouts
When you create a UI, you must define where its elements appear and how big they are. Jetpack Compose provides a couple of basic layouts, which arrange their content along one main axis. There are three axes to consider:
Each axis is represented by a layout.
Row() arranges its content horizontally, while
Column() does so vertically.
BoxWithConstraints() stack their contents on top of each other. By combining these axis-orientated building blocks, you can create great-looking UIs easily.