Using SwiftUI Link for Navigation

SwiftUI’s Link view creates navigable hyperlinks for external URLs or deep links within the app. Learn to use Link for navigation in this article.
Written by

Joash Tubaga

Updated on

Jun 19 2024

Table of contents

    Overview

    In SwiftUI, the Link view is used to create navigable hyperlinks that users can tap to perform navigation to external URLs or within the app using deep links. This article explains how to use Link to navigate to web pages or to handle deep links in SwiftUI applications.

    Code Snippet

    Swift
    import SwiftUI
    
    struct ContentView: View {
        var body: some View {    
                VStack {
                    Link("Visit codewithchris site", 
                    destination: URL(string: "https://codewithchris.com")!)
                    Link("Open Settings", destination: URL(string: "app-settings:")!)
                }
        }
    }

    Code Explanation

    • VStack { ... }: Creates a vertical stack that arranges its children (in this case, links) in a vertical layout.
    • Link("Visit codewithchris site", destination: URL(string: "https://codewithchris.com")!): Creates a clickable text labeled “Visit codewithchris site” that directs the user to the specified URL when clicked. The URL(string:) initializer is used to create a valid URL, and the ! is used to force unwrap the optional URL.
    • Link("Open Settings", destination: URL(string: "app-settings:")!): Creates a clickable text labeled “Open Settings” that uses a deep link to open the device’s settings. This can be useful for navigating directly to system settings or specific app settings within the device.

    This setup demonstrates how Link can be used both for navigating to external websites and for leveraging deep links to enhance the interactivity of a SwiftUI app.

    Using Link in SwiftUI is straightforward and provides a powerful way to add navigational features to your app. It supports both web URLs and deep links, making it versatile for various use cases. Always ensure that the URLs are valid to avoid runtime errors.



    Get started for free

    Join over 2,000+ students actively learning with CodeWithChris