SwiftUI Link

개요

버튼을 클릭하면 원하는 URL로 들어갈 수 있는 Link 컴포넌트에 대해 알아볼 예정이다.

Code

struct View3: View {
    var body: some View {
        VStack {
            Link(destination: URL(string: "https://www.apple.com/")!, label: {
                Text("Go To Apple")
                    .bold()
                    .frame(width:280, height: 50)
                    .foregroundColor(.white)
                    .background(Color.black)
                    .cornerRadius(12)
            })
        
            Form {
                Link("Privacy Policy", destination: URL(string: "https://daesiker.tistory.com")!)
                Link("Team of Service", destination: URL(string: "https://daesiker.tistory.com")!)
            
            }
        }
    }
}

해당 View3의 내용을 보면 총 3개의 Link 컴포넌트가 있다. Link 컴포넌트는 원하는 URL에 들어갈 수 있는 버튼 컴포넌트이다. VStack안에 한개의 Link와 2개의 Link가 들어있는 1개의 Form이 있다.

우선 첫번째 Link는 label의 요소를 꾸밀 때 사용하는데 첫번째 파라미터에는 원하는 URL을 넣는 destination 파라미터이다. 위의 예제에서는 Apple 공식 홈페이지의 URL을 기입하였다. 그다음 파라미터에 Link 컴포넌트를 꾸밀 수 있는 label 파라미터이다. Link컴포넌트의 레이블요소를 꾸밀 때는 이런 방식으로 파라미터를 선언하면 된다.

반대로 Form안에 있는 Link 컴포넌트는 꾸미는 요소 없이 그냥 Title만 입력되어 있는데 이럴경우에는 첫번째 파라미터 이름은 생략하고 타이틀을 String 값으로 입력한뒤 2번째 파라미터에 원하는 URL을 기입하면 된다.

Uploaded by Notion2Tistory v1.1.0