| < How to show annotations in a Map view | How to customize the submit button for TextField, SecureField, and TextEditor > |
How to open web links in Safari
Updated for Xcode 13.0 beta 2
New in iOS 14
SwiftUI gives us a dedicated Link view that looks like a button but opens a URL in Safari when pressed. It’s easy enough to use – just give it a title for the button, plus a destination URL to show, like this:
Link("Learn SwiftUI", destination: URL(string: "https://www.hackingwithswift.com/quick-start/swiftui")!)
Download this as an Xcode project
As it’s just a text link, you can customize it with a font, color, and more:
Link("Visit Apple", destination: URL(string: "https://www.apple.com")!)
.font(.title)
.foregroundColor(.red) Download this as an Xcode project
And if you’d rather create your own view rather than just use text, you can do that too:
Link(destination: URL(string: "https://www.apple.com")!) {
Image(systemName: "link.circle.fill")
.font(.largeTitle)
} Download this as an Xcode project
Alternatively, you can open a URL from code by using the openURL environment key, like this:
struct ContentView: View {
@Environment(\.openURL) var openURL
var body: some View {
Button("Visit Apple") {
openURL(URL(string: "https://www.apple.com")!)
}
}
} Download this as an Xcode project
SPONSORED From August 2nd to 8th you can join a FREE crash course for mid/senior iOS devs who want to achieve an expert level of technical and practical skills – it’s the fast track to being a complete senior developer!
Sponsor Hacking with Swift and reach the world's largest Swift community!
Similar solutions…
