How to open web links in Safari

About 2 min

How to open web links in Safari 관련

SwiftUI by Example

Back to Home

How to open web links in Safari | SwiftUI by Example

How to open web links in Safari

Updated for Xcode 15

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://hackingwithswift.com/quick-start/swiftui")!)

Download this as an Xcode projectopen in new window

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)
    .foregroundStyle(.red)

Download this as an Xcode projectopen in new window

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 projectopen in new window

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")!)
        }
    }
}