SwiftUI View .tint(_ Color) method doesn't work

Question

I'm trying to change tint color for View.

What I got:

    var body: some View {
    Button {
        selectedTab = title
    } label: {
        VStack(alignment: .center) {
            image.renderingMode(.template)
            Text(title)
        }
        .foregroundColor(selectedTab == title ? .accentColor : .black.opacity(0.2))
        .padding()
    }
}

The problem: When I use .accentColor(Color) in superview for this subview, Xcode said:

So, I use, like in docs: apple docs Use this method to override the default accent color for this view. :

            if #available(iOS 15.0, *) {
            CustomTabView(tabs: "").tint(.red)
        } else {
            CustomTabView(tabs: "").accentColor(.green)
        }

Accent color work fine, but .tint doesn't. What I do wrong?

Answer 1

Your code doesn't work because when you use tint, and you select the tab, the tab's color gets overridden by the foregroundColor modifier. It'd set the tab's color to .accentColor, which is independent from the color that tint sets. The deprecated accentColor however, does set it, so that's why the deprecated accentColor modifier works.

One way to work around this is simply not use .accentColor for the foreground color. Use nil instead:

.foregroundColor(selectedTab == title ? nil : .black.opacity(0.2))

When it is nil, it will not override the tint.