SwiftUI - Spacer()

Spacer()

정의

포함하는 스택 레이아웃의 주요 축을 따라 확장되거나,

스택에 포함되지 않은 경우 두 축 모두에서 확장되는 유연한 공간

 

View 간의 간격을 띄우고 싶을 때 사용

 

• Spacer는 기본적으로 View와 View 사이를 사용 가능한 전체 공간을 띄움
• Spacer를 n개를 사용하면 Spacer가 띄우는 크기가 n등분 됨

 

Spacer 여백 크기 지정 방법

 

1.     minLength

- Spacer 여백의 최소 보장되는 크기

Spacer(minLength: 100)

 

2.     frame modifier

- Spacer 여백의 크기를 직접 지정

- Spacer()

       .frame(width: 200)

Spacer()
   .frame(width: 200)

 

 

Spacer로 Safe Area로 확장되지 않는 방법

 

1.     Safe Area를 침범하는 영역에 높이간 1(0이 아닌 값)인 Spacer를 추가

VStack {
   Spacer()
    	.frame(height: 1)
    // …
    Spacer()
        .frame(height: 1)
}

 

 

2.     Vstack에 padding을 추가

VStack {
	// …
}
.padding(.init(top: 1, leading: 1, bottom: 1, trailing: 1))

 

 

 

[참고 : https://babbab2.tistory.com]