How to Change Picker Text Color In SwiftUI

Question

I try to change picker text color but, it does not work.

Screenshot 2023-10-20 at 16.48.38.png

As you see, "City" and "District"'s color are blue but, I'd like to make them white. I have tried below codes but, they do not work.

Do you know any methods for that ?

Picker("İl", selection: $selectedCity) {
      ForEach(turkishCities, id: \.self) { city in
         Text(city)
           .foregroundColor(.white)
      }
}

Picker("İlçe", selection: $selectedDistrict) {
    ForEach(cityDistricts[selectedCity] ?? [], id: \.self) { district in
        Text(district)
            .foregroundColor(Color.white)
    }
}
.onAppear {
UISegmentedControl.appearance().setTitleTextAttributes([.foregroundColor: UIColor.white], for: .normal)
}

Thank you in advance.

2.6k

Posted by

ozankeklik

Reply

Add a Comment

Answer 1

Using accentColor should do it:

Picker("İl", selection: $selectedCity) {
      ForEach(turkishCities, id: \.self) { city in
         Text(city)
      }
} 
 .accentColor(.red)

A small example to show to select between User1, User2, User3:

            Picker("User", selection: $selectedUser) {
                ForEach(users, id: \.self) { user in
                    Text(user)
                        .tag(user)
                }
            }
            .accentColor(.red)

With accentColor:

without accentColor:

Picker no accent 2023-10-20 à 17.52.26.png

Note: that does not work If the picker is within a form.

Posted by

Claude31

@Claude31 Thank you. It works.

—
ozankeklik
I was looking for the same question and benefited from this answer, thank you! However, Xcode warns that the accentColor modifier will be deprecated. As it suggests, the tint modifier also changes the color in the desired manner.

—
obaytimur

Add a Comment

Answer 2

Using accentColor should do it:

Picker("İl", selection: $selectedCity) {
      ForEach(turkishCities, id: \.self) { city in
         Text(city)
      }
} 
 .accentColor(.red)

A small example to show to select between User1, User2, User3:

            Picker("User", selection: $selectedUser) {
                ForEach(users, id: \.self) { user in
                    Text(user)
                        .tag(user)
                }
            }
            .accentColor(.red)

With accentColor:

without accentColor:

Picker no accent 2023-10-20 à 17.52.26.png

Note: that does not work If the picker is within a form.

Posted by

Claude31

@Claude31 Thank you. It works.

—
ozankeklik
I was looking for the same question and benefited from this answer, thank you! However, Xcode warns that the accentColor modifier will be deprecated. As it suggests, the tint modifier also changes the color in the desired manner.

—
obaytimur

Add a Comment

Answer 3

As @obaytimur proposed, tint seems the way to go. Also, in some cases accentColor doesn't seem to work. I had a quite nested view with the picker inside, and the text color wouldn't change with accentColor. tint worked. Thanks

Posted by

raybeyer_adbsg

Add a Comment

How to Change Picker Text Color In SwiftUI

Accepted Reply

Replies