TabView

 

TabView를 사용하여 모두 가져오기

ContentView를 다듬어서 여태 구현한것을 모두 보여지게 해보자.

TabView는 UIKit에서의 TabBarController이다.

import SwiftUI
import SwiftData

struct ContentView: View {
    var body: some View {
        TabView {
            Tab("Places", systemImage: "photo") {
                PlaceList()
            }
            
            Tab("Trip History", systemImage: "chart.line.uptrend.xyaxis") {
                TripsChart()
            }
        }
        .preferredColorScheme(.dark)
    }
}

#Preview {
    ContentView()
        .modelContainer(Place.preview)
}

.preferredColorScheme(.dark)를 통해 다크모드에서 보여지게 했다.

사실 이부분은 크게 언급할만한게 없다.

Sep-10-2024 02-39-18

작동도 잘 되는것을 확인할 수 있다.