swiftui - frame의 순서의 중요성

SwiftUI에서 frame의 순서는 중요합니다. frame은 뷰의 크기 및 위치를 조절하는 데 사용되며, 다른 수정자들과의 순서에 따라 레이아웃이 다르게 적용될 수 있습니다. 

 

 

 

내가 원하는 UI의 모습

 

       Text("Login")

                        .font(.subheadline)

                        .fontWeight(.semibold)

                        .foregroundColor(.white)

                        .background(.black)

                        .frame(width: 352, height: 44)

 

위 코드 적용모습

 

현재 코드에서는 먼저 .frame(width: 352, height: 44)을 적용하고, 그 다음에 .background(.black)을 적용하고 있습니다. 이렇게 되면 배경 색이 설정된 후에 크기가 변경되므로, 원하는대로 보이지 않을 수 있습니다. 반대로 아래와 같이 .background(.black)을 먼저 적용한 후에 .frame(width: 352, height: 44)를 적용하면 원하는 결과를 얻을 수 있을 것입니다.

 

               Text("Login")

                        .font(.subheadline)

                        .fontWeight(.semibold)

                        .foregroundColor(.white)

                        .frame(width: 352, height: 44)

                        .background(.black)