How to change stepper icons foreground color in SwiftUI?

user_10428126 0
Viewed 773

I'd like to change my steppers foreground color, and I can't find the property that works on it. I'd prefer to keep the standard stepper with the colors changed, and not have to create a custom one.

accentColor and foregroundColor don't work.

Stepper(value: $timer, in: 1...30) {
    Text("\(timer) " + "minutes")
        .foregroundColor(.red)
    }
    .accentColor(.red)
    .foregroundColor(.red)
}

This:

before

to this:

enter image description here

Is this even possible atm?

swiftui ios
1 Answers

Set setDecrementImage, setIncrementImage images in view init..

struct ContentView: View {
    init() {
        UIStepper.appearance().setDecrementImage(UIImage(systemName: "minus"), for: .normal)
        UIStepper.appearance().setIncrementImage(UIImage(systemName: "plus"), for: .normal)
    }
    var body: some View {
        Stepper(value: $timer, in: 1...30) {
            Text("\(timer) " + "minutes")
                .foregroundColor(.red)
            }
            .accentColor(.red)
            .foregroundColor(.red)
        }
    }
}
user_147332920
Related