LINK en SWIFTUI en Español
Link en SwiftUI

LINK en SWIFTUI en Español

Link en SwiftUI 2.0 nos permite abrir dentro de nuestra app iOS una URL directamente en nuestro navegador. También podemos usar UniversalLinks para abrir los ajustes de iOS o partes más concretas de nuestra app. Solo debemos inicializar Link con la URL que queremos abrir.

SwiftBeta
Aprende SwiftUI desde cero 

Link es una vista en SwiftUI donde podemos crear un link. ¿Qué significa esto? Si el user hace tap o hace click con esta vista hacemos que navegue a la URL que hemos especificado.

Si queremos que un user tenga un botón en su app que abra nuestro blog, usaríamos el siguiente código:

struct ContentView: View {
    var body: some View {
        Link("Ir a SwiftBeta", destination: URL(string: "https://www.swiftbeta.com")!)
    }
}
Código para crear tu primer Link en SwiftUI

La vista Link tiene varios inicializadores, en este caso hemos usado uno donde el primer parámetro es una título para indicar el próposito del link, en este caso es "Ir a SwiftBeta".
Y el segundo parámetro es de tipo URL donde indicamos la URL a la que queremos que navegue el usuario cuando hagua tap o click en el Link.

Ahora vamos a usar otro inicializador para poder dar un estilo diferente a nuestro Link. Para ello usamos el inicializador donde el primer parámetro es la URL y en el último parámetro es un trailing closure llamado label. Dentro de este closure podemos construir nuestra vista y aplicar distintos estilos:

struct ContentView: View {
    var body: some View {
        Link(destination: URL(string: "https://www.swiftbeta.com")!, label: {
            Text("Ir a SwiftBeta")
                .font(.title)
                .bold()
                .foregroundColor(.white)
                .padding()
                .background(Color.blue)
                .cornerRadius(12)
        })
    }
}
Código para crear un Link en SwiftUI con una vista custom

Abrir ajustes de iOS

Podríamos cambiar la URL por otra cualquiera, en este caso vamos abrir la pantalla de Settings del sistema:

struct ContentView: View {
    var body: some View {
        Link("Settings", destination: URL(string: UIApplication.openSettingsURLString)!)
    }
}
Código para abrir los Settings de la app (o de iOS)

Link es una vista muy sencilla que nos da una funcionalidad que es abrir URL en Safari y Universal Links que veremos más adelante. Muy útil por si queremos añadir un link a nuestras condiciones de uso de la app o privacidad.

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

Si quieres seguir aprendiendo sobre SwiftUI, Swift, Xcode, o cualquier tema relacionado con el ecosistema Apple


SwiftUI desde cero