VStack, HStack

이건준·2022년 3월 12일
0

문제제기

-> UIKit에서 스택뷰가 있듯이 SwiftUI에서도 비슷한 뷰들이 존재한다, 그것이 VStack과 HStack인데 한번 알아보자

문제해결

Q. VStack과 HStack이 뭘까 ??

-> VStack은 Vertical Stack, HStack은 Horizontal Stack 말그대로 UIKit에서 스택뷰에 axis로 지정해주었듯이 각각 세로, 가로로 스택쌓듯이 쌓을 수 있음을 의미한다

-> 위 그림처럼 VStack, HStack을 사용하기위해선 중괄호로 묶어주어 사용하면된다
-> 또한 SwiftUI의 장점으로 바로 오른쪽에 preview를 통해서 UI를 확인하는것도 가능하다

Q. 그렇다면 위처럼 스택을 쌓았을때 중복되는것이 있다면 SwiftUI에서는 어떻게 줄일 수 있을까 ??


-> 코딩을 하다보면 위 그림처럼 중복되는 표현이 많아질 수 있다, SwiftUI에서도 이와 같은 중복된 코딩을 유연하게 대처하기위한 방법이 존재한다

->바로 이렇게 기존에 존재하였던 ContentView와 동일한 구조의 구조체를 만들어서 지정해주고나서

-> 이렇게 지정해준 구조체를 사용해줄 수 있다


***아래에 존재하는 이 코드는 오른쪽에 preview를 위한 코드로 앞으로 새로운 구조체를 생성할때 preview를 확인해보고싶다면 이 코드를 활용하면 된다 !!

0개의 댓글