반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- @Environment
- Bug
- NullObject
- nonisolated
- @State
- URL(string:)
- nestjs
- RFC1738/1808
- SwiftUI
- subject
- RxSwift
- typeorm
- init
- Xcode
- IOS
- RxCocoa
- NavigationLink
- @EnvironmentObject
- @Binding
- init?
- ios14
- graphql
- Operators
- SWIFT
- vim
- swift6
- Creating Operators
- operator
- dismiss
- Operater
Archives
- Today
- Total
Tunko Development Diary
[SwiftUI] NavigationView 와 NavigationLink 정리 본문
요약
- 리스트항목을 터치해서 화면을 전환하려면 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")
})
반응형
'Development > iOS 개발' 카테고리의 다른 글
xcode 13 vim Editing Mode (0) | 2021.10.13 |
---|---|
iOS13,14,15 네비게이션 바 투명 상태 처리 (0) | 2021.09.23 |
[SwiftUI] 간단하게 View 라운딩 처리 & 그라데이션 넣기 (0) | 2021.02.28 |
[SwiftUI] List - Header, Footer 추가하기 (0) | 2021.02.26 |
[SwiftUI] iOS14 SwiftUI 2.0 List 구분선(separator line) 없애기 (0) | 2021.02.24 |
Comments