[Swift UI] 초간단 페이지 전환 예제. NavigationLink, NavigationView

정말.. 구글링 하다보면 넘나 열이 받을때가 많습니다... 알려주려고 쓴 코드야 뭐야..
자기가 개발해놓은걸 다 복사해서 긁어다 붙여놓고 방법이라고 하면......
ㅠㅠ 아니 난 페이지만 이동하면 된다고!!!!

 

1. ContentView.swift - 첫번째 화면, 버튼을 클릭할수 있는곳.

2. Playground.swift - 1에서 클릭하면 이동할 페이지 화면

 

가장먼저 PlayGround.swift라는 컴포넌트를 하나 추가해줍시다.(이동할 페이지 추가)

페이지를 식별할수 있도록 게임 진행화면이라고 써놨습니다. 여기가 바로 목적지죠.

// PlayGround.swift

import Foundation
import SwiftUI

struct PlayGround: View {
    var body: some View {
        VStack{
            Text("게임진행화면")
        }
    }
}


struct PlayGround_Previews: PreviewProvider {
    static var previews: some View {
        PlayGround()
    }
}

 

여기는 출발지인 ContentView. 여기서 버튼을 누르면 PlayGround로 이동합니다.

//
//  ContentView.swift
import SwiftUI

struct ContentView: View {
    var body: some View {
    	VStack{
            NavigationView(content: {
                NavigationLink(destination: PlayGround()) { Text("GAME START") }
            })
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

저게 중요 키워드입니다. NavigationView를 만들고
그 안에 NavigationLink를 넣어주고,  버튼 식별용으로 GAME START라는 텍스트를 넣어줍니다.

목적지인 destination에 그냥 PlayGround() 라고 만들어둔 컴포넌트를 불러 주기만 하면 됩니다.