SwiftUI - 수식어 적용 순서

SwiftUI에서 수식어는 이전의 뷰를 감싼 새로운 뷰를 만들어내고, 그 다음 수식어는 다시 그 뷰를

감싸는 형식입니다.

그렇기 때문에 수식어를 적용하는 순서에 따라 결과가 크게 달라지는 경우도 있고, 영향을 받지 않는 경우도 있습니다.

Text("🐶🐱🐰🦊").font(.largeTitle)
  .background(Color.yellow) // background 우선 적용
  .padding()

1) 텍스트 생성

2) 텍스트와 크기가 동일한 노란색 배경 추가

3) padding 수식어로 뷰에 여백추가

 

Text("🐶🐱🐰🦊").font(.largeTitle)
  .padding() // padding 우선 적용
  .background(Color.yellow)

1) 텍스트 생성

2) padding 수식어로 뷰에 여백추가

3) 텍스트와 크기가 동일한 노란색 배경 추가

 

위의 두 코드는 내용이 동일하고 뷰의 크기를 나타내는 파란색 사각형 테두리도 동일하지만, 수식어를 적용하는 순서 차이에 따라 배경색의 범위가 달라졌습니다.