[SwiftUI] Spacer, alignment, padding

핵심만 골라 배우는 SwiftUI 기반의 iOS 프로그래밍 - YES24

Spacer

• 뷰 사이에 공간을 추가할 때 사용하는 컴포넌트이다.
• 스택 안에서 Spacer를 사용하면 배치된 뷰들의 간격을 제공하기 위해 스택의 방향에 따라 유연하게 확장, 축소한다.

HStack

VStack

 

alignment

• 스택의 정렬을 원할 때 지정할 alignment에 정렬값을 지정하면 된다.

VStack에 중앙으로 정렬

 

spacing

• 스택 안의 컴포넌트들의 간격을 조절할 수 있다.

VStack의 뷰 간 간격 20

 

padding

• 뷰 주변의 간격을 조절할 수 있는 수정자이다.
• 매개변수 없이 호출하면 레이아웃, 컨텐트, 화면 크기에 대한 최적의 간격을 자동으로 사용한다.

각 Text 뷰들에 leading, trailing, top 방향으로 padding을 준 모습

 

Stack과 수정자들을 활용한 예시