e-party-iOS/yana/Views/Components/BottomTabView.swift

import SwiftUI

// MARK: - Tab 枚举
enum Tab: Int, CaseIterable {
    case feed = 0
    case me = 1
    
    var title: String {
        switch self {
        case .feed:
            return "动态"
        case .me:
            return "我的"
        }
    }
    
    var iconName: String {
        switch self {
        case .feed:
            return "feed unselected"
        case .me:
            return "me unselected"
        }
    }
    
    var selectedIconName: String {
        switch self {
        case .feed:
            return "feed selected"
        case .me:
            return "me selected"
        }
    }
}

// MARK: - BottomTabView 组件
struct BottomTabView: View {
    @Binding var selectedTab: Tab
    
    var body: some View {
        HStack(spacing: 0) {
            ForEach(Tab.allCases, id: \.rawValue) { tab in
                Button(action: {
                    selectedTab = tab
                }) {
                    Image(selectedTab == tab ? tab.selectedIconName : tab.iconName)
                        .resizable()
                        .aspectRatio(contentMode: .fit)
                        .frame(width: 30, height: 30)
                        .frame(maxWidth: .infinity)
                }
                .buttonStyle(PlainButtonStyle())
            }
        }
        .frame(height: 60)
        .padding(.horizontal, 16)
        .background(
            RoundedRectangle(cornerRadius: 30)
                .fill(.ultraThinMaterial)
                .overlay(
                    RoundedRectangle(cornerRadius: 30)
                        .stroke(Color.white.opacity(0.1), lineWidth: 0.5)
                )
                .shadow(
                    color: Color.black.opacity(0.34),
                    radius: 10.7,
                    x: 0,
                    y: 1.9
                )
        )
        .padding(.horizontal, 15)
    }
}

#Preview {
    BottomTabView(selectedTab: .constant(.feed))
        .background(Color.purple) // 预览时添加背景色以便查看效果
}