SwiftUI 스택 정렬과 정렬 가이드

Rio·2021년 7월 11일
0

IOS

목록 보기
8/10

✈️ 요약

  • 컨테이너 정렬, 정렬 가이드, 커스텀 정렬, 스택들 간의 정렬

🚀 컨테이너 정렬

  • HStack(수평 정렬)
  • VStack(수직 정렬)
  • ZStack(수평/수직 정렬)
//세로 정렬
VStack{
            Text(text1)
            Text(text2)
            Text(text3)
        }.border(Color.black)

//세로 정렬 + 오른쪽 정렬
VStack(alignment:.trailing){
            Text(text1)
            Text(text2)
            Text(text3)
        }.border(Color.black)

  • 정리
    디폴트 : 중앙정렬
    trailing : 오른쪽 정렬
    firstTextBaseline : 텍스트 기반 뷰의 첫줄 기준
    lastTextBaseline : 마지막 줄 기준
    spacing : 상하간의 공백
    정렬 가이드 : top, bottom, leading을 인자로 전달하여 조절
profile
우당탕탕 개발 기록지

0개의 댓글