Início / coding / Perguntas / 79567696
Accepted
helloworld142857
Asked: 2025-04-11 07:02:52 +0800 CST

SwiftUI - Como definir o esquema de cores apenas para guias específicas no TabView?

  • 772

Eu tenho uma TabView com duas abas e quero que a primeira aba tenha um esquema de cores claro e a segunda aba tenha um esquema de cores escuro.

Eu tentei isso:

struct ContentView: View {
    var body: some View {
        TabView {
            Tab("Tab 1", systemImage: "video") {
                FirstView()
                    .preferredColorScheme(.light)
            }
            Tab("Tab 2", systemImage: "person") {
                SecondView()
                    .preferredColorScheme(.dark)
            }
        }
    }
}

Então ambas as abas estão no esquema de luz.

Eu também tentei isso:

struct ContentView: View {
    var body: some View {
        TabView {
            Tab("Tab 1", systemImage: "video") {
                FirstView()
            }
            Tab("Tab 2", systemImage: "person") {
                SecondView()
                    .preferredColorScheme(.dark)
            }
        }
    }
}

Então, no começo, a aba 1 é clara, e quando eu mudo para a aba 2, a aba 2 fica escura, mas se eu mudar para a aba 1 novamente, a aba 1 fica escura!

Então o que devo fazer?

1 respostas

  1. Best Answer

    tente esta abordagem usando um selectedTab, por exemplo:

    
struct ContentView: View {
    @State private var selectedTab = 0  
    
    var body: some View {
        TabView(selection: $selectedTab) {  
            Tab("Tab 1", systemImage: "video", value: 0) { 
                FirstView()
            }
            Tab("Tab 2", systemImage: "person", value: 1) { 
                SecondView()
            }
        }
        .preferredColorScheme(selectedTab == 0 ? .light : .dark) 
    }
}
    • 1

relate perguntas