column

column

• Column은 이전 자식아래에 각 자식을 표시한다.
• 수직방향의 리니어레이아웃과 유사

@Composable
fun ColumnExample() {
    Column {
        Text("Hello World!")
        Text("Hello World!2")
    }
}

Column은 총 4가지 변수를 인자로 받는다.

• modifier : composable 의 크기 , 동작, 모양을 변경하거나 사용자의 입력을 처리(클릭, 스크롤 등)할 수 있도록 만드는 변수
• verticalArrangement(Arrangement.Vertical 타입) : 수직 배치(Arrangement)를 설정하는 변수
• horizontalAlignment(Alignment.Horizontal 타입) : 수평 정렬(Alignment)을 설정하는 변수
• content : Layout 안에 들어갈 위젯을 설정하는 변수

Modifier

@Preview
@Composable
fun TestView() {
    Column(modifier = Modifier.padding(all = 12.dp)) {
        EmojiView()
        TitleView()
    }
}

verticalArrangement(수직 배치)