TabViewの使い方

#swiftアプリ開発の備忘録

ソースコード

import SwiftUI

struct ContentView: View {
    var body: some View {
        TabView {
            Group {
                topPage
                helpPage
            }
            .toolbarBackground(.visible, for: .tabBar)
        }
        
    }
}

// MARK: -UI
struct TopView: View {
    var body: some View {
            Text("トップページです")
                .tabItem {
                    Image(systemName: "book.pages.fill")
                    Text("トップ")
                }
    }
}

struct HelpView: View {
    var body: some View {
        Text("ヘルプページです")
            .tabItem {
                Image(systemName: "questionmark.circle.fill")
                Text("ヘルプ")
            }
    }
}