반응형
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
- @State
- RxSwift
- nonisolated
- Operater
- Xcode
- operator
- @Environment
- @EnvironmentObject
- SwiftUI
- dismiss
- swift6
- SWIFT
- graphql
- Creating Operators
- vim
- NavigationLink
- URL(string:)
- typeorm
- RFC1738/1808
- subject
- ios14
- nestjs
- init?
- @Binding
- Bug
- IOS
- init
- Operators
- RxCocoa
- NullObject
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