在 SwiftUI (tvOS) 中获取按钮的 onFocusChange 回调

Question

focusable(_:onFocusChange:) 修饰符中的 onFocusChange 闭包允许我在子视图获得焦点时为父视图设置属性，如下所示：

struct ContentView: View {
    @State var text: String
    var body: some View {
        VStack {
            Text(text)
            Text("top")
                .padding()
                .focusable(true, onFocusChange: { focused in
                    text = "top focus"
                })
            Text("bottom")
                .padding()
                .focusable(true, onFocusChange: { focused in
                    text = "bottom focus"
                })
        }
        
    }
}

但是在介绍 focusable 的 2020 WWDC 视频中，明确指出此包装器不打算用于本质上可聚焦的视图，例如按钮和列表。如果我在这里使用 Button 代替 Text onFocusChange 工作，但 Buttons 的正常焦点行为中断：

struct ContentView: View {
    @State var text: String
    var body: some View {
        VStack {
            Text(text)
            Button("top") {}
                .padding()
                .focusable(true, onFocusChange: { focused in
                    text = "top focus"
                })
            Button("bottom") {}
                .padding()
                .focusable(true, onFocusChange: { focused in
                    text = "bottom focus"
                })
        }
        
    }
}

有没有什么通用的方法可以让 onFocusChange 闭包与 Button 一起使用而不破坏其正常的可聚焦行为？还是有其他方法可以做到这一点？

Answer 1

尝试在 ButtonStyle 中使用 @Environment(\.isFocused) 和 .onChange(of:perform:)：

struct ContentView: View {
    var body: some View {
          Button("top") {
             // button action
          }
          .buttonStyle(MyButtonStyle())
    }
}

struct MyButtonStyle: ButtonStyle {
    @Environment(\.isFocused) var focused: Bool

    func makeBody(configuration: Configuration) -> some View {
        configuration.label
            .onChange(of: focused) { newValue in
                // do whatever based on focus
            }
    }
}

IIRC 在 ButtonStyle 中使用 @Environment(\.isFocused) 可能仅适用于 iOS 14.5+，但您可以创建自定义视图而不是 ButtonStyle 以支持旧版本。

在 SwiftUI (tvOS) 中获取按钮的 onFocusChange 回调

Getting onFocusChange callback for Buttons in SwiftUI (tvOS)

focus

tvos

focus-engine

swiftui