Does anyone know how to achieve this? I have four colors of red, green, yellow, and blue and I want my selected segment to have a background/tint color that is indicative of the color name. This is my code:

let objectColors = Color.allCases
@State private var selectedColorIndex = 0

//declared inside body view
Picker("Colors", selection: $selectedColorIndex){
        ForEach(0..<objectColors.count){ index in
            Text(self.objectColors[index].rawValue).tag(index)
        }
    }.pickerStyle(SegmentedPickerStyle())
    .padding(10)
    .onAppear {
        UISegmentedControl.appearance().selectedSegmentTintColor = UIColor.generateUIColor(colorIndex: selectedColorIndex)        
    }

This is the list I'm pulling from

enum Color: String, CaseIterable{
    case red, yellow, green, blue
}

I've tried using onChange or onReceive (and Combine's 'Just()' for subview) instead of onAppear but they crash on playgrounds and don't work on Xcode. I also saw a WWDC video on UIAction that I think will work great for updating view changes but I have no idea how to translate it. Does anyone one have any suggestions or help, please? Thanks

The way I have done it is

enum Colors: String, CaseIterable{
    case red, yellow, green, blue

    func displayColor() -> String {
        self.rawValue.capitalized
    }
}

struct ContentView: View {
    @State private var selectedColor = Colors.red

    var body: some View {
        Picker(selection: $selectedColor, label: Text("Colors")) {
            ForEach(Colors.allCases, id: \.self) { color in
                Text(color.displayColor())
            }
        }
        .padding()
        .colorMultiply(color(selectedColor))
        .pickerStyle(SegmentedPickerStyle())
    }

    func color(_ selected: Colors) -> Color {
        switch selected {
        case .red:
            return .red
        case .yellow:
            return .yellow
        case .green:
            return .green
        case .blue:
            return .blue
        }
    }
}