티스토리 뷰

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
32
33
34
35
36
37
38
39
40
41
42
43
44
import SwiftUI
 
struct ContentView: View {
    
    var body: some View {
        TabView{
            FirstView()
                .tabItem {
                    Image(systemName: "person")
                    Text("person")
                }
            SecondView()
                .tabItem {
                    Image(systemName: "person.fill")
                    Text("person.fill")
                }
                .edgesIgnoringSafeArea(.top)
        }
    }
}
 
struct FirstView: View {
    var body: some View {
        ZStack{
            Color.orange
            Text("first")
        }
    }
}
 
struct SecondView: View {
    var body: some View {
        ZStack{
            Color.yellow
            Text("second")
        }
    }
}
 
struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}
cs

- View두개를 struct로 선언. FirstView, SecondView

- TabView를 사용하여 두개 View를 각각의 메뉴로 표현.

- .tabItem{} : tab 설정

- edgesIgnoringSafeArea(.top) : View가 SafeArea 까지 차지하게 해줌.

 

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

SwiftUI) TextEditor 예제  (0) 2022.01.30
SwiftUI) Toggle Custom 예제  (0) 2022.01.30
SwiftUI) NavigationView 사용 예제  (0) 2022.01.29
SwiftUI) placeholder 사용 예제  (0) 2022.01.28
SwiftUI) Grid 사용 예제  (0) 2022.01.28
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/05   »
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
글 보관함