[SwiftUI]TabViewをスワイプで切り替わるスタイルにする方法

どうも、ちょげ(@chogetarou)です。

TabViewをスワイプで切り替わるスタイルにする方法を紹介します。

方法

TabViewをスワイプで切り替わるスタイルにするには、tabViewStyle修飾子を使います。

まず、TabViewにtabViewStyle修飾子を付与します。

そして、tabViewStyle修飾子の引数に「.page」を指定します。

TabView {
    ・・・
}
.tabViewStyle(.page)

これでTabViewがスワイプで切り替わるスタイルになります。

使用例

struct ContentView: View {
    var body: some View {
        VStack {
            TabView  {
                PageView(text: "Home View")
                    .tabItem {
                        Image(systemName: "house.fill")
                    }
                PageView(text: "Data View")
                    .tabItem {
                        Image(systemName: "folder.fill")
                    }
                PageView(text: "Person View")
                    .tabItem {
                        Image(systemName: "person.fill")
                    }
            }
            .tabViewStyle(.page)
            .indexViewStyle(.page(backgroundDisplayMode: .always))
        }
    }
}