If I create a Menu in SwiftUI (iOS), I cannot set the color of the Buttons inside, e.g.:
Menu("Actions") {
Button(action: { }) {
Label("Whatever", systemImage: "pencil")
.background(Color.red) // does not work
}
.background(Color.red) // does not work either
.buttonStyle(RedButtonStyle()) // does not work either
}
struct RedButtonStyle: ButtonStyle {
func makeBody(configuration: Configuration) -> some View {
configuration.label.foregroundColor(Color.red)
}
}
If instead of Label, I use Text, or Image (I am aware of this), it doesn't work either.
Is there any way to do it?
P.S.: there is another related SO question, but it is very generic and wider in scope.
This is now possible in iOS 15 by setting a Button's role. Documentation
Example:
Menu("Actions") {
Button(role: .destructive, action: { }) {
Label("Whatever", systemImage: "pencil")
}
}
Result:

In iOS 17 you can use a .foregroundStyle with multiple arguments, where the first one will be the color for the icon.
Menu {
HStack { /// This can be a button or whatever you want
Text("Empty")
Image(systemName: "circle.fill")
.foregroundStyle(.red, .primary, .secondary) /// this only works with multiple arguments; a single style would turn into the primary color.
}
} label: {
Text("Menu")
}
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With