How to Open URLs and Customize Links in SwiftUI

In SwiftUI, you can use the Link view to create clickable links that take the user to a website or web page. By default, when the user taps on a link, it will open in the system's default web browser. However, you can also customize the link behavior and appearance by using modifiers.

Learn how to open a URL in the Safari browser and how to customize your Link

Link 

  • View Using the Link object, we're setting the text and the destination which is of type URL. 
  • Note that a URL cannot be an option, which is why we're adding the exclamation point at the end.

Link("Bolt UIX",
      destination: URL(string: "https://www.boltuix.com")!)

..

Customize the Link 

Similar to a Text, you can customize the Link by using modifiers like font or foregroundColor.

Link("Bolt UIX",
      destination: URL(string: "https://www.boltuix.com")!)
			.font(.title)
			.foregroundColor(.purple)

..

Icon Link 

You can also wrap the Link around any element such as the Image.

Link(destination: URL(string: "https://www.boltuix.com")!) {
    Image(systemName: "link")
        .frame(width: 32, height: 32)
        .background(Color.blue)
        .mask(Circle())
        .foregroundColor(.white)
}

..

Comments