- 스크롤링 기능 넣는것 배움
- 그리고 Lazy Stacks를 이용해서, 아이폰의 화면에 나오지 않는 부분들은 스크롤링하면서 필요할때만 로딩하는 기능을 배움. 데이터세트가 클때는 이 방법을 이용한다고 함
import SwiftUI
struct ScrollViewBootcamp: View {
var body: some View {
//Scroll View & Lazy Stacks
ScrollView {
//LazyVStack은 전체를 다 로드하는게 아니라, 화면에 보이는 만큼만(필요한 만큼만) 로드한다
//나머지 보이지 않는 부분은 creating as we scroll through.
//this makes the app more efficent and also avoid downloading all excess data.
//따라서 Large data set을 이용할때는 가능하다면 Lazy를 이용하는것 ㅊㅊ
LazyVStack {
ForEach(0..<100) { index in
ScrollView(.horizontal, showsIndicators: false, content: {
LazyHStack {
ForEach(0..<20) { index in
RoundedRectangle(cornerRadius: 25.0)
.fill(Color.white)
.frame(width: 200, height: 150)
.shadow(radius: 10)
.padding()
//이렇게 하게 되면 사각형을 위아래, 옆으로 스크롤할 수 있게 된다
}
}
})
}
}
}
//-------------------------------------------------------------
//예시 1
//showsIndicators 를 통해서 스크롤할때 옆에 인디케이터를 보여줄수도 있고 안보여줄수도 있디.
ScrollView(.horizontal, showsIndicators: true, content: {
HStack {
ForEach(0..<50) { index in
Rectangle()
.fill(Color.blue)
.frame(width: 300, height: 300)
}
}
})
}
}
#Preview {
ScrollViewBootcamp()
}