Jetpack Compose Layout 위젯: Row, Column, Box 등

Jetpack Compose Layout 위젯 활용법

Compose에서는 레이아웃을 구성할 수 있는 다양한 위젯들이 있습니다. Row와 Column을 사용하여 자식 요소를 가로 또는 세로로 배치할 수 있고, Box를 사용해 여러 요소를 겹쳐 배치할 수 있습니다.

Row 위젯

Row는 자식 요소들을 수평으로 배치할 수 있습니다. 버튼이나 텍스트 등을 가로로 정렬할 때 유용합니다.

Row {
    Text("Item 1")
    Text("Item 2")
}

Column 위젯

Column은 자식 요소들을 수직으로 배치할 때 사용합니다. 세로 목록을 만들거나, 텍스트를 세로로 나열할 때 유용합니다.

Column {
    Text("Item 1")
    Text("Item 2")
}

Box 위젯

Box는 여러 자식 요소를 겹쳐서 배치할 수 있는 레이아웃입니다. 배경 이미지 위에 텍스트나 버튼을 올려놓을 때 사용됩니다.

Box {
    Image(painter = painterResource(id = R.drawable.bg), contentDescription = null)
    Text("Overlay Text")
}