| < 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.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 With Sentry’s error and performance monitoring for iOS, you see mobile vitals that actually matter, can solve any latency issues quickly, and learn how each release is performing over time.
Sponsor Hacking with Swift and reach the world's largest Swift community!
Similar solutions…
