16:SwiftUI-tab容器

发布时间 2023-03-28 15:21:42作者: 风zk

 

 

正文

//
//  TabViewPage.swift
//  SwiftUIDeom
//
//  Created by zhoukang03 on 2023/3/28.
//
import SwiftUI

struct TabViewPage : View {
    
    @State private var index = 0 // 默认选中索引
    let imgs = ["hot","recommend","search","tag","setting"]
    
    var body: some View {
        TabView(selection: $index) {
            ForEach(0..<imgs.count) { item in
                TabItemPage(index: item)
                    .tabItem{
                        Image(self.imgs[item])
                        Text("\(item)")
                }
                .tag(item)
            }
        }.navigationBarTitle("TabViewPage")
        
    }
}

fileprivate struct TabItemPage: View {
    
    var index: Int
    
    var body: some View {
        ZStack {
            Rectangle().foregroundColor(Color.orange)
            VStack {
                Text("\(index)")
                    .foregroundColor(.white)
                    .font(.system(size: 100, design: .rounded))
                    .bold()
                Image("icon")
                    .resizable()
                    .frame(width: 200,height: 200)
            }
        }
    }
}


#if DEBUG
struct TableViewPage_Previews : PreviewProvider {
    static var previews: some View {
        TabViewPage()
    }
}
#endif

 

 

示例图