Show context menu in SwiftUI on tap

Question

Created Jun ’20

Replies 1

Boosts 1

Views 8.8k

Participants 2

Watching the "Design with iOS pickers, menus and actions" session video (around 2:55 in) you can see it is possible to display a context menu on a 'normal' tap (i.e. not a 'press-and-hold' gesture). Is this possible in SwiftUI or is it UIKit for now only?

Boost

Answer 1

iRyan8 OP

Oct ’20

This is possible now via Menu (iOS 14+)
Menus are covered in this WWDC video at ~11:15.

Playground Example:

Code Block import SwiftUI
import PlaygroundSupport
    
    struct ContentView: View {
        
        var body: some View {
            HStack {
                // Other views
                Text("Example View 1")
    
                // Button, that when tapped shows 3 options
                Menu {
                    Button(action: {
                        
                    }) {
                        Label("Add", systemImage: "plus.circle")
                    }
                    Button(action: {
                        
                    }) {
                        Label("Delete", systemImage: "minus.circle")
                    }
                    Button(action: {
                        
                    }) {
                        Label("Edit", systemImage: "pencil.circle")
                    }
                } label: {
                    Image(systemName: "ellipsis.circle")
                }
            }
            .frame(width: 300, height: 300, alignment: .center)
        }
    }
    
    PlaygroundPage.current.setLiveView(ContentView())

5