//  首页
//

import SwiftUI

struct HomeView: View {
    @State var active = 2
//    @EnvironmentObject var myCardDatas: CardDataModel // 数据

    var body: some View {
        NavigationView {
            ZStack {
                VStack {
                    // 头部 tab 切换
                    HStack(spacing: 30) {
                        Button {} label: {
                            Image(systemName: "circle.circle")
                                .foregroundStyle(.black)
                        }

                        
                        Spacer()

                        Button {} label: {
                            Image(systemName: "magnifyingglass")
                                .foregroundStyle(.black)
                        }
                    }
                    .padding(.horizontal, 20)

                    Divider() // 分界线

                    // 身体内容
                    TabView(selection: $active) {
                        // 关注
                        FollowView()
                            .tag(1)

                        // 发现
                        FindView()
                            .tag(2)

                        // 附近
                        VicinityView()
                            .tag(3)
                    }
                    .tabViewStyle(.page(indexDisplayMode: .never))
                }

                // 动态详情视图
//                if isShowArticleDetail {
//                    ArticleDetailView(isShowArticleDetail: $isShowArticleDetail, data: myCardDatas.cardDatas[myCardDatas.activeId - 1])
//                }
            }
        }
        .toolbar(.hidden)
    }
}

#Preview {
    HomeView()
}