본문 바로가기
Language/Swift

SwiftUI를 이용한 스크롤 화면 그리기 (ScrollView)

by IFLA 2022. 11. 20.

 

뷰를 그리면 휴대폰의 세로 높이를 넘길 정도로 뷰가 들어갈 수 있다. 그럴 때 화면이 스크롤이 되어 내부에 배치한 콘텐츠에 맞게 자동으로 크기가 조정되고 안전 영역을 피하기 위해 추가 삽입물을 자동으로 추가한다.

 

기본 코드

ScrollView() {
	VStack {
		ForEach(1..<100) {
			Text("Item \\($0)")
				.font(.title)
		}
	}
}

 

실행 화면

 

속성

  • frame(maxWidth: .infinity) : 중앙에서만 스크롤이 가능했던 것을 프레임으로 전체로 늘려준다.
  • .horizontal : 스크롤을 가로축으로 스크롤 할 수 있게 설정한다.

 


개발자 Document

Apple Developer Documentation

 

Apple Developer Documentation

 

developer.apple.com

 

 

댓글


\