SwiftUI通用Button在iOS触发正常tvOS点击无响应如何解决？

问题根因 #

你遇到的tvOS按钮无响应问题来自两个冲突点：

• 自定义的FocusableModifier加在Button外层，在tvOS上会给Button套上一层独立的可聚焦父容器，系统的点击事件会优先发给这个外层容器，不会透传给内部的Button，所以触发不了action。
• cornerRadius修饰符在tvOS上会修改视图的命中检测范围，加在修饰符链的末尾时可能会截断按钮的点击响应区域。

解决方案 #

1. 替换聚焦监听实现，避免覆盖Button原生交互 #

tvOS上的Button默认自带可聚焦属性，不需要额外添加focusable修饰符，你可以用@FocusState绑定来监听聚焦状态，替代原来的自定义FocusableModifier：
首先给你的ButtonView新增聚焦状态绑定属性：

@FocusState private var buttonFocused: Bool

然后删除原来的.modifier(FocusableModifier {...})代码，换成以下两行：

.focused($buttonFocused)
.onChange(of: buttonFocused) { newValue in
    self.focused = newValue
}

这种方式既可以保留你需要的聚焦状态监听能力，也不会破坏Button原生的交互响应逻辑。

2. 替换cornerRadius实现，修复点击命中检测 #

把原来的.cornerRadius(8)替换为clipShape实现圆角，同时确保该修饰符放在background和frame修饰符之后：

// 替换.cornerRadius(8)
.clipShape(RoundedRectangle(cornerRadius: 8))

3. 可选：优化ButtonStyle适配双平台 #

PlainButtonStyle在tvOS上会默认禁用部分原生交互效果，你可以自定义跨平台的ButtonStyle保证交互一致性：

struct CrossPlatformButtonStyle: ButtonStyle {
    func makeBody(configuration: Configuration) -> some View {
        configuration.label
            .opacity(configuration.isPressed ? 0.9 : 1)
            #if os(tvOS)
            .scaleEffect(configuration.isPressed ? 0.95 : 1)
            .animation(.easeOut(duration: 0.1), value: configuration.isPressed)
            #endif
    }
}

使用时替换原来的PlainButtonStyle即可：

.buttonStyle(CrossPlatformButtonStyle())

修改完成后tvOS上的按钮点击事件就可以正常触发，同时你需要的圆角、聚焦状态监听功能都可以保留。

内容的提问来源于stack exchange，提问作者Steven B.