How to give a view a custom frame

 

Hacking with Swift 사이트의 강좌 번역본입니다.

 

[원문 : https://www.hackingwithswift.com/quick-start/swiftui/how-to-give-a-view-a-custom-frame]

 

How to give a view a custom frame

 

기본적으로 뷰는 필요한 만큼의 공간을 차지하지만, 이를 변경하고자 하는 경우에 SwiftUI에게 원하는 크기 범위가 되도록 알려주는 frame()modifier을 사용할 수 있습니다.

 

예를들어, 다음과 같이 200x200 탭이 가능한 범위로된 버튼을 만들 수 있습니다.

Button(action: {
    print("Button tapped")
}) {
    Text("Welcome")
        .frame(minWidth: 0, maxWidth: 200, minHeight: 0, maxHeight: 200)
        .font(.largeTitle)
}

 

또는 최소 넓이와 높이를 0으로, 최대 넓이와 높이를 무한대로 frame을 지정해서 화면 전체를 채우는 텍스트 뷰를 만들 수 있습니다.

Text("Please log in")
.frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: .infinity)
    .font(.largeTitle)
    .foregroundColor(.white)
    .background(Color.red)

 

주의: safe area 안래에 뷰를 두고자 하는 경우에, .edgesIgnoringSafeArea(.all) modifier을 추가해야 합니다.