TVOS，.Contextmenu和ButtonStyle不一起工作

Question

使用TVOS，

当用户长按按钮上时，我正在尝试出现contextMenu。

如果我不使用.buttonStyle（）或使用内置的按钮风格之一，则会出现ContextMenu。

但是，我想使用自定义按钮样式。当我这样做时，.contextmenu被忽略了。

这是我的基本代码：

import SwiftUI

struct TestButtonStyle: ButtonStyle {
    @Environment(\.isFocused) var focused: Bool
    @State private var isFocused: Bool = false

    func makeBody(configuration: Configuration) -> some View {
        configuration.label
            .padding()
            .frame(height: 50)
            .background(RoundedRectangle(cornerRadius: 20).fill(isFocused ? .red.opacity(0.75) : .clear))
            .onChange(of: focused) { hasFocus in
                if hasFocus {
                    isFocused = true
                } else {
                    isFocused = false
                }
            }
    }
}

struct ContentView: View {
    var body: some View {
        HStack {
            Button {
                print("Button 1 Pressed")
            } label: {
                Text("Button 1")
            }
            .buttonStyle(TestButtonStyle())
            .contextMenu {
                Button {
                    //
                } label: {
                    Text("Option 1")
                }
                Button {
                    //
                } label: {
                    Text("Option 2")
                }
            }

            Button {
                print("Button 2 Pressed")
            } label: {
                Text("Button 2")
            }
            .contextMenu {
                Button {
                    //
                } label: {
                    Text("Option 3")
                }
                Button {
                    //
                } label: {
                    Text("Option 4")
                }
            }
            .buttonStyle(TestButtonStyle())
        }
    }
}

有人遇到这个问题并解决了吗？谢谢。

Answer 1

我找到了这个问题的解决方案。

struct MoviesBlankButtonStyle: PrimitiveButtonStyle {
    @Environment(\.isFocused) var focused: Bool
    @State private var isFocused: Bool = false
    
    func makeBody(configuration: Configuration) -> some View {
        configuration.label
            .compositingGroup()
            .padding(.all, 9)
            .focusable(true, onFocusChange: { focused in
                if focused {
                    isFocused = true
                } else {
                    isFocused = false
                }
            })
            .background(RoundedRectangle(cornerRadius: 20).fill(isFocused ? .red : .clear).opacity(0.7 ))
            .foregroundColor(isFocused ? .white : .white)
            .onTapGesture(perform: configuration.trigger)
    }
}