How to change TabView background color with SwiftUI?

struct TabViewColor: View {

init() {

UITabBar.appearance().backgroundColor = UIColor.red

}

var body: some View {

TabView {

.......

}

}

}

Hope this helps!

Code Block 
.onAppear() {
                        UITabBar.appearance().barTintColor = .black
                           }
Works

Code Block 
   init() {
      UITabBar.appearance().barTintColor = UIColor(Color(colorExtraLight)) // custom color.
   }

Hey everyone,

There's a first class SwiftUI method for this now: https://developer.apple.com/documentation/swiftui/tabview/toolbarbackground(_:for:)

You can modify the TabView like so:

TabView {
    ContentView()
}
.toolbarBackground(.red, for: .tabBar)

Hope that helps!

to change active item color you only have to add TabView().accentColor(you_Color_here)

to change inactive item color .onAppear{           UITabBar.appearance().unselectedItemTintColor = UIColor(theme.colors.secondary)         }

@timisenman I've tried the same but didn't work unfortunately.

What worked for me actually is to use the .toolbarBackground(_:for) modifier on ContentView() instead of TabView{}

Is there any recent update on this?

The correct way to set this is as follows:

struct ContentView: View {
    
    var body: some View {
        TabView {
            Group {
                Rectangle().fill(.red)
                    .tabItem {
                        Text("a")
                    }
                Rectangle().fill(.green)
                    .tabItem {
                        Text("b")
                    }
            }
            .toolbarBackground(.blue, for: .tabBar)
            .toolbarBackground(.visible, for: .tabBar)
        }
    }
}

You need to set the toolbarBackground to be visible as it is hidden by default

( @neesus , mentioning you se you see the update to this post)

This will work for iOS 16 and above. NOTE the Group container around your tab items and how these modifiers are on it, not the TabView.

    var body: some View {
        TabView {
            Group {
                FavoritesView()
                    .tabItem {
                        Label("Favorites", systemImage: "heart")
                    }

                IslandsView()
                    .tabItem {
                        Label("Rivers", systemImage: "water.waves")
                    }
            }
            .toolbarBackground(.blue, for: .tabBar)
            .toolbarBackground(.visible, for: .tabBar)
            .toolbarColorScheme(.dark, for: .tabBar)
        }

    }
}