ScrollView

ScrollView 는 스크롤 가능한 컨텐츠를 구현하는데 사용합니다.

 

뷰를 스크롤 할 수 있는 영역으로 감싸주는 역할을 가지고 있습니다.

 

주요 기능으로는

 

수직 및 수평 스크롤: 컨텐츠가 화면을 넘어갈 경우 수직,또는 수평으로 스크롤 할 수 있습니다.

 

확대/축소: 이용자가 컨텐츠를 확대하거나 축소할 수 있습니다.

 

사용예제(수직)

 

 

ForEach(1...23, id: \.self): 1부터 23까지의 숫자를 반복해서 레이블을 생성합니다. id: \.self는 각 요소를 고유하게 식별하기 위해 사용됩니다.

 

Text("실습 \ (index)") : Text 뷰를 생성하여 "실습1" "실습2" 와 같은 레이블을 생성합니다. index는 반복되고 있는 숫자 입니다.

 

.frame(maxWidth: . infinity) : 레이블의 최대 너비를 무한대로 설정하여 가능한 한. 전체 너비를 차지하게 합니다.

 

사용예제 (수평)

 

 

 ScrollView(.horizontal) 을 사용하여 수평으로 설정합니다.

 

또한 수평으로 뷰를 배치하기 위해서는

 

HStack을 사용해야 합니다.

 

응용

수직 스크롤 뷰 안에 수평 스크롤뷰가 포함된 예제 입니다.

 

 

수직스크롤을 위해서 ScrollView 를 설정하고

 

하위에 수평스크롤을 넣기 위한 HStack 을 입력했습니다.