swiftUI contextMenu 具有不需要的模糊背景

Question

I had a the following code using SwiftUI contextMenu.

ForEach(...) { ... in
     NavigationLink(destination: SomeView()) {
          HStack {
               Image(...) 
               Text(...)
          }
     }
     .contextMenu(ContextMenu(menuItems: { Button(...) }

The expected behaviour is image below.

But at 80% of the time, the contextMenu has an UNWANTED blurred background like below. As it has been applied a weird blurred effect on top of it.

Anyone knows what caused the issue?

Answer 1

The blur is because your button is highlighted. I'm facing a similar issue.

By the way, simply add this before .contextMenu { } to make it rounded

.contentShape(RoundedRectangle(cornerRadius: ...))