※ setContent 에서 사용되는 앱 테마는 프로젝트 이름에 따라 다르다

Modifier

modifier은 하나의 뷰에 관한 설정을 도와주는 역할을 한다. 예를 들어 하나의 뷰의 패딩값이나 정렬 또는 클릭 이벤트등을 정의 할수 있다.

Column(
  modifier = Modifier
      .padding(start = 8.dp)
      .align(Alignment.CenterVertically)
) 

그리고 modifier을 사용할때 항상 순서가 중요한데 다음 코드를 보자

@Composable
fun PhotographerCard(modifier: Modifier = Modifier) {
    Row(modifier
        .padding(16.dp)
        .clickable(onClick = { /* Ignoring onClick */ })
    ) {
        ...
    }
}

실행 결과

보시다시피 클릭 영역이 전체로 잡혀있지가 않다. 반면에 다음 코드를 한번 보자

@Composable
fun PhotographerCard(modifier: Modifier = Modifier) {
    Row(modifier
        .clickable(onClick = { /* Ignoring onClick */ })
        .padding(16.dp)
    ) {
        ...
    }
}

전체가 클릭되는것을 확인 할수 있다.

Slot API