UPGRADE YOUR SKILLS: Learn advanced Swift and SwiftUI on Hacking with Swift+! >>

SOLVED: tabitem Colours

Forums > SwiftUI

Is there a way of setting the colour of a tabitem icon?

                .tabItem {
                    Image(systemName: "flame.fill")

the flame shows as blue, but I'd rather show it as red.

2      

Apply the accentColor modifier to your TabView.

struct ContentView: View {
    var body: some View {
        TabView {
            Text("Tab One")
                .tabItem {
                    Image(systemName: "house")
                }
            Text("Tab Two")
                .tabItem {
                    Image(systemName: "person")
                }
            Text("Tab Three")
                .tabItem {
                    Image(systemName: "chevron.left")
                }
        }
        .accentColor(.purple)
    }
}

2      

thanks Rooster

2      

BUILD THE ULTIMATE PORTFOLIO APP Most Swift tutorials help you solve one specific problem, but in my Ultimate Portfolio App series I show you how to get all the best practices into a single app: architecture, testing, performance, accessibility, localization, project organization, and so much more, all while building a SwiftUI app that works on iOS, macOS and watchOS.

Get it on Hacking with Swift+

Sponsor Hacking with Swift and reach the world's largest Swift community!

Archived topic

This topic has been closed due to inactivity, so you can't reply. Please create a new topic if you need to.

All interactions here are governed by our code of conduct.

 
Unknown user

You are not logged in

Log in or create account
 

Link copied to your pasteboard.