Compose 수정자  |  Jetpack Compose  |  Android Developers

Layouts In Jetpack Compose – 레이아웃 Modifier에 대해 자세히 알아보기 | 찰스의 안드로이드

Modifier

Modifier 는 컴포즈 내장 객체이며, 컴포져블에 적용될 수 있는 설정을 저장한다.

Modifier 를 이용하면 테두리, 패딩, 배경, 크기, 이벤트 핸들러, 제스처 등 다양한 UI 스타일링을 설정 할 수 있다.

모든 Compose 들은 Modifier를 가지고 있다.

• Modifier는 컴포즈의 크기, 패딩, 외곽선(border) 등을 설정할 때 사용한다.
• 각 뷰의 CSS를 설정한다고 보면된다.

Row(
    // 배경색 지정
    modifier = Modifier.background(Color.Gray) 
        // 사이즈 지정
        .fillMaxSize()
        // padding 지정
        .padding(16.dp),
    // vertical 중앙정렬
    verticalAlignment = Alignment.CenterVertically 
) {
    Text(text = "hello")
    Spacer(modifier = Modifier.width(30.dp))
    Text(text = "World")
}

체이닝 순서

Modifier 는 설정값들의 체이닝 순서에 영향을 받는다.