PageTabViewStyle

TabView는 기본적으로 페이징과 함께 수평 스크롤이 가능하도록 해주는 modifier를 가지고 있다.

TabView {
    ForEach(featured) { featured in
        FeaturedItem(feature: featured) // Items
    }
}
.tabViewStyle(PageTabViewStyle(indexDisplayMode: .never))

Dots

기본적으로 PageTabViewStyle 수정자를 사용하게 되면 index display라고 불리우는 page control이 보이게 된다. indexDisplayMode를 always, automatic, never 3가지 선택지를 이용해서 조정하면 된다.

// 보통 숨기는 처리가 많기 때문에 해당 옵션을 이용했다.
.tabViewStyle(PageTabViewStyle(indexDisplayMode: .never))

Final

기존에 ScrollView를 이용해서 처리하던 걸 간단하게 TabView로 처리하고 있다.

Reference

https://designcode.io/swiftui-handbook-tab-view-pagination