Column, Row

Column

• 기존 xml 레이아웃방식의 Scoll View 와 비슷하다.
• css의 flex-direction : column 속성과 같다.
• 콜백 안에 들어있는 compose 들을 세로로 배치해준다.

Column { //세로로 배치해준다.
    Text(text = "hello")
    Text(text = "test")
}

Row

• css의 flex-direction : row 속성과 같다.
• 콜백 안에 들어있는 compose 들을 가로로 배치해준다.

Row {
    Text(text = "hello")
    Spacer(modifier = Modifier.width(20.dp))
    Text(text = "World")
}