< How to show annotations in a Map view | How to customize the submit button for TextField, SecureField, and TextEditor > |
Updated for Xcode 14.0 beta 1
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 In-app subscriptions are a pain. The code can be hard to write, hard to test, and full of edge cases. RevenueCat makes it straightforward and reliable so you can get back to building your app.
Sponsor Hacking with Swift and reach the world's largest Swift community!
Link copied to your pasteboard.