SwiftUI keyboardShortcut带修饰符与无修饰符共存异常咨询

问题背景 #

SwiftUI官方文档对keyboardShortcut(_:modifiers:)的说明是：如果多个控件关联了相同的快捷键，则使用第一个匹配的控件。但实际测试以下代码时出现异常：

struct ContentView: View {
    
    @State var shortcut = "none pressed"
    
    var body: some View {
        VStack {
            
            Text(self.shortcut)
            
            Button("shift left") {
                self.shortcut = "shift left pressed"
            }
            .keyboardShortcut(.leftArrow, modifiers: .shift)
            
            Button("left") {
                self.shortcut = "left pressed"
            }
            .keyboardShortcut(.leftArrow, modifiers: [])
            
            Button("right") {
                self.shortcut = "right pressed"
            }
            .keyboardShortcut(.rightArrow, modifiers: [])
            
            Button("shift right") {
                self.shortcut = "shift right pressed"
            }
            .keyboardShortcut(.rightArrow, modifiers: .shift)
        }
        .padding()
    }
}

实际运行时，无论是否按下Shift修饰符，只有“shift left”和“right”的快捷键生效——带修饰符与无修饰符的快捷键并非同一组，却无法正常共存，这是预期行为还是SwiftUI的Bug？

解答 #

这是预期行为，核心原因是SwiftUI对方向键这类特殊按键的快捷键优先级处理逻辑：

• 对于同一方向键（比如左箭头），如果先声明带修饰符的快捷键（Shift+左箭头），系统会默认其优先级高于无修饰符的版本，导致后续声明的无修饰符左箭头快捷键被覆盖，无论是否按下Shift都会触发第一个带修饰符的控件。
• 对于右箭头，先声明了无修饰符版本，后续的Shift+右箭头会被无修饰符版本覆盖，导致无法触发。

解决办法 #

调整快捷键的声明顺序，把无修饰符的快捷键放在对应带修饰符的快捷键前面，让系统能正确区分不同修饰符组合的优先级：

struct ContentView: View {
    
    @State var shortcut = "none pressed"
    
    var body: some View {
        VStack {
            Text(self.shortcut)
            
            // 先声明无修饰符的left，再声明带Shift的版本
            Button("left") {
                self.shortcut = "left pressed"
            }
            .keyboardShortcut(.leftArrow, modifiers: [])
            
            Button("shift left") {
                self.shortcut = "shift left pressed"
            }
            .keyboardShortcut(.leftArrow, modifiers: .shift)
            
            Button("right") {
                self.shortcut = "right pressed"
            }
            .keyboardShortcut(.rightArrow, modifiers: [])
            
            Button("shift right") {
                self.shortcut = "shift right pressed"
            }
            .keyboardShortcut(.rightArrow, modifiers: .shift)
        }
        .padding()
    }
}

调整顺序后，无修饰符和带Shift修饰符的方向键快捷键就能各自正常触发了。

内容的提问来源于stack exchange，提问作者Lupurus