SwiftUI Custom Tab Bar with Badge

import SwiftUI

struct CustomTabBar: View {
    @State private var selectedTab = 0
    
    var body: some View {
        TabView(selection: $selectedTab) {
            HomeView()
                .tabItem {
                    Image(systemName: "house")
                    Text("Home")
                }
                .tag(0)
            
            MessagesView(badgeCount: 3)
                .tabItem {
                    Image(systemName: "message")
                    Text("Messages")
                }
                .tag(1)
            
            SettingsView()
                .tabItem {
                    Image(systemName: "gear")
                    Text("Settings")
                }
                .tag(2)
        }
        .accentColor(.blue)
    }
}

struct MessagesView: View {
    var badgeCount: Int
    
    var body: some View {
        NavigationView {
            Text("Messages Screen")
                .navigationTitle("Messages")
                .overlay(
                    Group {
                        if badgeCount > 0 {
                            ZStack {
                                Circle()
                                    .fill(Color.red)
                                    .frame(width: 24, height: 24)
                                Text("$badgeCount)")
                                    .foregroundColor(.white)
                                    .font(.caption)
                                    .padding(.horizontal, 4)
                            }
                            .offset(x: 70, y: -10)
                            .transition(.scale)
                            .animation(.easeInOut(duration: 0.3), value: badgeCount)
                        }
                    }
                )
        }
    }
}

#Preview {
    CustomTabBar()
}