[SwiftUI] 페이지 뷰 만들기

SwiftUI에서 페이지 뷰를 만들 수 있다.

iOS 14부터 가능하다고 한다.

import SwiftUI

struct PageView: View {
    var body: some View {
        TabView {
            ForEach(0..<30) { i in
                Text("\(i)")
            }
        }
        .tabViewStyle(.page)
        .indexViewStyle(.page(backgroundDisplayMode: .always))
    }
}

 

페이지 제어하기

TabView(selection:content:)를 이용하면 페이지 제어도 가능하다.

다음 코드는 PageView가 처음에 10번 인덱스가 되도록 설정되어 있다. 

그리고 currentPageIndex를 이용해서 현재 보여지는 페이지 인덱스도 얻을 수 있게 된다.

import SwiftUI

struct PageView: View {
    @State private var currentPageIndex = 10
    var body: some View {
        TabView(selection: $currentPageIndex) {
            ForEach(0..<30) { i in
                Text("\(i)")
            }
        }
        .tabViewStyle(.page)
        .indexViewStyle(.page(backgroundDisplayMode: .always))
    }
}