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")
})
반응형