SwiftUI toolbar item keyboard shortcut not showing when holding command key on iPad?

Question

Lucky7 OP

Created Jul ’23

Replies 2

Boosts 0

Views 1.1k

Participants 1

How come keyboard shortcuts associated to toolbar items do not show up when you hold down the command key?

import SwiftUI

struct ContentView: View {
    var body: some View {
        NavigationStack {
            VStack {
                Image(systemName: "globe")
                    .imageScale(.large)
                    .foregroundStyle(.tint)
                Text("Hello, world!")
                
                Button {
                    
                } label: {
                    Text("Tap Me!")
                }
                .keyboardShortcut("o", modifiers: .command)
            }
            .padding()
            .toolbar {
                ToolbarItem {
                    Button {
                        
                    } label: {
                        Image(systemName: "bolt")
                    }
                    .keyboardShortcut("k", modifiers: .command)
                }
            }
        }
    }
}

See screenshot. The shortcut for "Tap Me!" is being shown but not the one for the toolbar item. Am I doing something wrong or this is just not supported yet in SwiftUI? If that's the case, that seems to be a significant omission.

Boost

Answer 1

Lucky7 OP

Jul ’23

Apple folks: FB12700187

0

Answer 2

Lucky7 OP

Jul ’23

So this is the solution:

Button { 
} label: {
    Label("Connect", systemImage: "bolt")
        .labelStyle(.titleAndIcon)
}
.keyboardShortcut("k", modifiers: .command)

The label obviously needs a title (my mistake) but you have to specify .labelStyle(.titleAndIcon) to make the shortcut appear, which is not obvious at all.

0