본문 바로가기
iOS/SwiftUI

[SwiftUI] NavigationView, NavigationLink

by Sky Titan 2022. 1. 31.
728x90
 

핵심만 골라 배우는 SwiftUI 기반의 iOS 프로그래밍 - YES24

SwiftUI는 물론 애플리케이션 개발과 출시를 위한 모든 과정을 담았다!이 책의 목적은 SwiftUI와 Xcode 11, 그리고 스위프트 5 프로그래밍 언어를 사용하여 iOS 13 애플리케이션 제작 기술을 전달하는 데

www.yes24.com

NavigationView

  • List에 있는 항목을 터치하여 이동하게 만들려면 먼저 List를 NavigationView안에 넣어야 한다.
  • 그런 후에 List의 각 행을 NavigationLink 컨트롤로 감싸고 사용자가 터치하면 대상 뷰로 이동하게 구성한다.
//
//  ContentView.swift
//

import SwiftUI

struct ContentView: View {
    var body: some View {
        NavigationView {
            List {
                ForEach(0 ..< 10) { index in
                    HStack {
                        NavigationLink(destination: Text("Wow \(index)")) {
                            Text("\(index)")
                        }
                    }
                }
            }
            .listStyle(.grouped)
            .navigationTitle("Wow")
            
        }
    }
}


struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        Group {
            ContentView()
                .previewDevice("iPhone 11")
                .previewDisplayName("아이폰 11")
        }
    }
}

 

 

728x90

'iOS > SwiftUI' 카테고리의 다른 글

[SwiftUI] List  (0) 2022.01.22
[SwiftUI] Slider 활용 예제  (0) 2022.01.18
[SwiftUI] Environment 객체  (0) 2022.01.16
[SwiftUI] List, Observable 객체 활용 예시  (0) 2022.01.16
[SwiftUI] Observable 객체  (0) 2022.01.16

댓글