HomeiOS DevelopmentiOS 26 - The way to match adaptive coloration tinting for Liquid...

iOS 26 – The way to match adaptive coloration tinting for Liquid Glass TabView chosen and unselected Tabs


I am creating a brand new TabView with Liquid Glass and the adaptive tab makes it so the tab icons modifications colours relying on the background. This all works properly for the unselected tabs however I would like to have the ability to have my chosen tab match the unselected tab coloration precisely. The chosen tab tint seems to be a system blue coloration by default if a tint is not specified. There does not appear to be a option to choose out of the default and make it such that the chosen tint matches the unselected icon coloration.

struct MyTabView: View {
    @State non-public var selectedTab = 0

    var physique: some View {
        TabView(choice: $selectedTab) {
            Tab("Dwelling", systemImage: "home", worth: 0) {
                ZStack {
                    Rectangle().fill(Shade.black).ignoresSafeArea()
                    VStack {
                        Textual content("Dwelling")
                    }
                }.ignoresSafeArea()
            }

            Tab("Profile", systemImage: "individual", worth: 1) {
                Textual content("Profile")
            }

             Tab("Search", systemImage: "magnifyingglass", worth: 2) {
                 Textual content("Search")
             }
         }
        .tint(nil) // Does not work. My desired impact shouldn't default to system blue
     }
}

I additionally tried setting the UITabBar look like so however that does not appear to work both:

let look = UITabBarAppearance()
look.selectionIndicatorTintColor = nil
UITabBar.look().standardAppearance = look
UITabBar.look().scrollEdgeAppearance = look

Some pictures for example:

iOS 26 – The way to match adaptive coloration tinting for Liquid Glass TabView chosen and unselected Tabs

Right here, I would really like the Dwelling tab to even be white just like the unselected tabs however proper now it defaults to blue.

Tab against white background.

Likewise, I would really like the Profile tab to even be black just like the unselected tabs however it defaults to blue.

RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

- Advertisment -
Google search engine

Most Popular

Recent Comments