[SwiftUI] modifier의 순서를 고려하자 (특히 frame)

첫번째 사진의 modifier 순서는 background -> frame 입니다. 

 

 

두번째 사진의 modifier 순서는 frame -> background 입니다. 

 

 

결과가 다른 것을 볼 수있죠?!

그 이유는 무엇일까요-?!

 

SwiftUI에서는 View에 modifier를 적용할때마다 새로운 view를 만들게 되는 것임을 기억해야합니다 

(단지 존재하는 view의 속성을 바꾸는 게 아니라 새로운 view를 리턴하게 되는 것-!)

 

 

그래서 첫번째 사진은 아래와 같은 이유로 저렇게 그려졌고

 

 

두번째 사진은 아래와 같은 이유로 저렇게 그려졌습니다.

 

 

 

헷갈리지 않도록 frame modifier를 첫번째로 위치시켜야겠습니다...!

 

 

그리고 개발하면서 frame말고도 순서바꾸니까 원하는대로 동작했던 것이 또 있었는데 (잘 기억이 안나네요ㅠㅠ)

modifier의 위치도 고려하면서 스유 개발해야될 것 같아요-! 

 

 

 

 

Reference

www.hackingwithswift.com/books/ios-swiftui/why-modifier-order-matters

Why modifier order matters - a free Hacking with iOS: SwiftUI Edition tutorial