Recently introduced in WWDC 2020, Link
is text with a link within it. When you press it, you will be redirected to the link you have attached within.
Bear in mind that this is only supported in iOS 14 and above and can only be used in Xcode 12+.
To follow along with this tutorial, you’ll need a basic familiarity with Swift and some basic knowledge in at least Xcode 12+.
The basic usage of Link
is to declare its title and URL, and you are good to go.
Link("Facebook", destination: URL(string: "https://www.facebook.com")!)
I was actually expecting a WebView to pop up within it, but instead, it exits and opens the link on Safari.
It’s rather easy to customise the Link
where you tweak it with some colors or even fonts.
Link("Facebook", destination: URL(string: "https://www.facebook.com")!)
.font(.largeTitle)
.foregroundColor(.blue)
Including an image with the text is also a rather straightforward process.
Link(destination: URL(string: "https://www.facebook.com")!, label: {
Text("Facebook")
Image("facebook")
.resizable()
.frame(width: 30, height: 30)
})
If you would like a standalone image, simply remove the text and you will only see an image. By clicking on the image, you will be redirected to the link.
#swiftui #ios #xcode #programming #swif