Tunko Development Diary

[SwiftUI] NavigationView 와 NavigationLink 정리 본문

Development/iOS 개발

[SwiftUI] NavigationView 와 NavigationLink 정리

Tunko 2021. 3. 2. 19:31

요약

  • 리스트항목을 터치해서 화면을 전환하려면 NavigationView로 감싸야합니다.
  • 화면 전환 기능을 넣기위해선 NavigationLink를 사용해야 합니다.
var body: some View {
    NavigationView {
        List {
            var body: some View {
            NavigationView {
                List {
                    Text("text1")
                    Text("text2")
                    NavigationLink(
                    destination: SecondView(),
                    label: {
                        Text("text3")
                  })
                } 
            }
        }
    }
}

NavigationLink 에서 destination 에 이동할 View를 넣어주면 해당화면으로 이동합니다.

struct SecondView: View { 
    var body: some View {
        VStack {
            Text("Second View")
                .font(.largeTitle) 
        } 
    }
} 

NavigationBar 숨기기

 .navigationBarHidden(true)

NavigationBar 타이틀 설정

.navigationTitle(Text("Title"))

NavigationBar 좌측 우측 버튼 설정

.navigationBarItems(leading: Button(action: addTask) {
    Text("left")
})

.navigationBarItems(trailing: Button(action: addTask) {
    Text("right")
})

NavigationBar 좌우 버튼 설정

이 코드를 첨부한 이유는
좌측 따로 설정한 뒤, 우측 버튼 적용이 안되기에 추가 했습니다.

.navigationBarItems(leading: Button(action: addTask) {
    Text("left")
}, trailing: Button(action: addTask) {
    Text("right")
})
반응형
Comments