Swift TabViewの選択中タブの色を変えるサンプル

2023年10月13日

環境
Swift version 5.2.3 (swift-5.2.3-RELEASE)
Ubuntu 20.04.2 LTS

構文

TabView {
    xxx
}
.accentColor(color) /*選択しているタブの色を引数に指定*/

TabViewにaccentColor修飾子を付与します。
accentColor修飾子の引数にタブの選択時の色を指定します。

使用例

struct ContentView: View {
    
    var body: some View {
        VStack {
            TabView  {
                PageView(text: "Student View")
                    .tabItem {
                        Image(systemName: "student.fill")
                        Text("student")
                    }
                PageView(text: "School View")
                    .tabItem {
                        Image(systemName: "school.fill")
                        Text("School")
                    }
            }
            .accentColor(.yellow)
        }
    }
    
}