Modifier 적용시 padding이 적용이 안될 때

Compose를 사용할 때 

Modifier을 이용해 padding 값을 적용하려고 하는 상황에서 적용이 안되는 경우가 있다.

 

내 경우에는 다음과 같다.

 

아래가 안되는 코드이고

Box(
                                Modifier
                                    .fillMaxWidth()
                                    .fillMaxHeight()
                                    .background(Color.Blue)
                                    .padding(horizontal = 30.dp)
                                    )

 

이게 되는 코드이다. 

Box(
                                Modifier
                                    .fillMaxWidth()
                                    .fillMaxHeight()
                                    .padding(horizontal = 30.dp)
                                    .background(Color.Blue))

 

차이는 바로 순서이다.

 

여기서 padding 값은 background 이후에 적용이 된다. 

padding은 파란색 배경 안쪽에 적용이 되어, 만약 배경 바깥에 적용되길 원한다면, 앞에 위치시켜야 한다.