This quiz focuses on using Row and Column composables in Jetpack Compose, essential tools for arranging UI elements horizontally and vertically. You’ll explore how to align and arrange child components within Rows and Columns, manage spacing, and create complex layouts by embedding Rows and Columns within each other. Questions will also cover the use of alignment properties, arrangement options, and scope modifiers like weight() and alignByBaseline(), helping you understand how to create flexible and dynamic layouts in Compose.
1.
What happens if a Row composable's child does not have a weight modifier?
2.
Which composable would you use to align child elements vertically in Jetpack Compose?
3.
How does the Column composable handle alignment by default?
4.
What is the result of setting verticalArrangement to Arrangement.Bottom in a Column composable?
5.
How does Arrangement.SpaceBetween affect the positioning of elements in a Row?
6.
Which function would you use to align child components within the scope of a Column composable?
7.
What alignment value would you use to align a Column's content at the center horizontally?
8.
What is the role of the verticalAlignment parameter in a Row composable?
9.
What is the difference between the verticalAlignment parameter of a Row and the horizontalAlignment parameter of a Column?
10.
Which parameter allows you to control the space between elements in a Column?
11.
Which scope modifier would you use to control the height of a child relative to its siblings in a Column?
12.
What is the primary purpose of the Row composable in Jetpack Compose?
13.
What is the purpose of the weight modifier when used with Row or Column children?
14.
How do Row and Column composables differ in terms of arrangement properties?
15.
What effect does the horizontalArrangement parameter have on a Column composable?
16.
Which parameter would you use to center elements vertically within a Row?
17.
Which alignment value should you use with Column's horizontalAlignment parameter to center content?
18.
What is the effect of using the alignByBaseline() modifier in a Row?
19.
How would you evenly distribute space around children in a Row composable?
