How to make a fixed size Spacer

 

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

 

[원문 : https://www.hackingwithswift.com/quick-start/swiftui/how-to-make-a-fixed-size-spacer]

 

How to make a fixed size Spacer

 

SwiftUI의 Spacer는 확장의 중심선에서 사용가능한 모든 공간을 자동으로 채우고, 수평 또는 수직 둘중에 하나로 가능한 만큼의 공간을 가지는 멋진 방법이며, 무엇을 넣는지에 따라 달라집니다. 

 

정확한 크기의 spacer를 만들고자 하는 경우에, 다른 종류의 뷰와 같은 동작을 합니다: 원하는 정확한 크기로 frame() modifier를 사용합니다.

 

예를들어, 다음은 2개의 텍스트 뷰간에 간에 50포인트 spacer가 있는 것을 보여줍니다.

VStack {
    Text("First Label")
    Spacer()
        .frame(height: 50)
    Text("Second Label")
}

spacer에 범위 값을 제공하는 경우에, 예를들어 .frame(minHeight: 50, maxHeight:500)을 사용하면, 가능한 만큼의 공간을 설정한 최대값까지 자동으로 차지합니다. 이런 식으로 유연하게 추가하는 것은 좋은 생각이며, 사용자 인터페이스가 여러 기기에서 쉽게 확대 축소될 수 있습니다.