Menu ContextMenu en SwiftUI
Menu ContextMenu en SwiftUI

CONTEXTMENU en SWIFTUI en Español

ContextMenu en SwiftUI 2.0 es una vista que nos permite mostrar un menu de opciones. para mostrar este menu solo debemos mantener pulsado durante un breve periodo de tiempo encima de la vista.

SwiftBeta

Tabla de contenido


👇 SÍGUEME PARA APRENDER SWIFTUI, SWIFT, XCODE, etc 👇
Aprende SwiftUI desde cero ContextMenu
Aprende SwiftUI desde cero ContextMenu

ContextMenu en SwiftUI 2.0 es una vista que nos permite mostrar un menu de opciones. Para ello debemos usar el modificador .contextMenu en la vista que queramos que tenga el context menu.
Usando este modificador podemos crear un menu que aparece en forma de popup cuando el user mantiene pulsado el dedo sobre la vista. Dentro de este menu aparecen botones que podemos pulsar para realizar alguna acción.

contextMenu en código

Para usarlo es muy simple, lo que haremos a continuación será añadir un .contextMenu en un Text.

struct ContentView: View {
    var body: some View {
        Text("Aprende con SwiftBeta")
            .padding()
            .contextMenu(
                // TODO
            )
    }
}
Usando el modificador .contextMenu en SwiftUI

Dentro del modificador .contextMenu debemos crear la vista ContextMenu con todos los botones que queramos, vamos a verlo:

struct ContentView: View {
    var body: some View {
        Text("Aprende con SwiftBeta")
            .padding()
            .contextMenu(
                ContextMenu(menuItems: {
                    Button("SwiftUI") {
                        print("Quiero Aprender SwiftUI")
                    }
                    Button("Xcode") {
                        print("Quiero Aprender Xcode")
                    }
                    Button(action: {
                        print("Quiero Aprender Swift")
                    }, label: {
                        Label("Swift",
                              systemImage: "iphone")
                    })
                })
            )
    }
}
Buttons dentro de ContextMenu en SwiftUI

Ahora si compilamos la app y mantenemos pulsado en el Text de Aprende con SwiftBeta, aparecerán 3 botones. Si pulsamos cualquiera de ellos debemos de ver un mensaje por consola (ya que es la acción que les hemos asignado)

Hasta aquí el post de hoy, gracias por leernos! 🤓
👉👉 SUSCRÍBETE al CANAL de youtube
Si tienes preguntas no dudes en contactar con nosotros a través de Twitter