Some checks failed
CI / UI / Build (pull_request) Failing after 7s
CI / Scraper / Test (pull_request) Failing after 7s
CI / Scraper / Lint (pull_request) Failing after 10s
CI / Scraper / Build (pull_request) Has been skipped
iOS CI / Build (push) Has been cancelled
iOS CI / Test (push) Has been cancelled
iOS CI / Build (pull_request) Failing after 2s
iOS CI / Test (pull_request) Has been skipped
106 lines
4.5 KiB
Swift
106 lines
4.5 KiB
Swift
import SwiftUI
|
|
|
|
// MARK: - Root tab container with persistent mini-player overlay
|
|
|
|
struct RootTabView: View {
|
|
@EnvironmentObject var authStore: AuthStore
|
|
@EnvironmentObject var audioPlayer: AudioPlayerService
|
|
|
|
@State private var selectedTab: Tab = .home
|
|
@State private var showFullPlayer: Bool = false
|
|
|
|
/// Live drag offset while the user is dragging the full player down.
|
|
@State private var fullPlayerDragOffset: CGFloat = 0
|
|
|
|
enum Tab: Hashable {
|
|
case home, library, browse, profile
|
|
}
|
|
|
|
/// Height of the mini player bar (progress line 2pt + vertical padding 20pt + content ~44pt)
|
|
private let miniPlayerBarHeight: CGFloat = AppLayout.miniPlayerBarHeight
|
|
|
|
var body: some View {
|
|
ZStack(alignment: .bottom) {
|
|
TabView(selection: $selectedTab) {
|
|
HomeView()
|
|
.tabItem { Label("Home", systemImage: "house.fill") }
|
|
.tag(Tab.home)
|
|
|
|
LibraryView()
|
|
.tabItem { Label("Library", systemImage: "books.vertical.fill") }
|
|
.tag(Tab.library)
|
|
|
|
BrowseView()
|
|
.tabItem { Label("Discover", systemImage: "globe") }
|
|
.tag(Tab.browse)
|
|
|
|
ProfileView()
|
|
.tabItem { Label("Profile", systemImage: "person.fill") }
|
|
.tag(Tab.profile)
|
|
}
|
|
// Reserve space for the mini-player above the tab bar so scroll content
|
|
// never slides beneath it.
|
|
.safeAreaInset(edge: .bottom) {
|
|
if audioPlayer.isActive {
|
|
Color.clear.frame(height: miniPlayerBarHeight)
|
|
}
|
|
}
|
|
|
|
// Mini-player pinned above the tab bar (hidden while full player is open)
|
|
if audioPlayer.isActive && !showFullPlayer {
|
|
MiniPlayerView(showFullPlayer: $showFullPlayer)
|
|
.padding(.bottom, tabBarHeight)
|
|
.transition(.move(edge: .bottom).combined(with: .opacity))
|
|
.animation(.spring(response: 0.35, dampingFraction: 0.8), value: audioPlayer.isActive)
|
|
}
|
|
|
|
// Full player — slides up from the bottom as a custom overlay (not a sheet)
|
|
// so it feels physically connected to the mini player bar.
|
|
if showFullPlayer {
|
|
FullPlayerView(onDismiss: {
|
|
withAnimation(.spring(response: 0.4, dampingFraction: 0.85)) {
|
|
showFullPlayer = false
|
|
fullPlayerDragOffset = 0
|
|
}
|
|
})
|
|
.offset(y: max(fullPlayerDragOffset, 0))
|
|
.gesture(
|
|
DragGesture(minimumDistance: 10)
|
|
.onChanged { value in
|
|
if value.translation.height > 0 {
|
|
// Rubberband slightly so it doesn't feel locked
|
|
fullPlayerDragOffset = value.translation.height
|
|
}
|
|
}
|
|
.onEnded { value in
|
|
let velocity = value.predictedEndTranslation.height - value.translation.height
|
|
if value.translation.height > 120 || velocity > 400 {
|
|
withAnimation(.spring(response: 0.4, dampingFraction: 0.85)) {
|
|
showFullPlayer = false
|
|
fullPlayerDragOffset = 0
|
|
}
|
|
} else {
|
|
withAnimation(.spring(response: 0.35, dampingFraction: 0.8)) {
|
|
fullPlayerDragOffset = 0
|
|
}
|
|
}
|
|
}
|
|
)
|
|
.transition(.move(edge: .bottom))
|
|
.animation(.spring(response: 0.45, dampingFraction: 0.85), value: showFullPlayer)
|
|
.ignoresSafeArea()
|
|
}
|
|
}
|
|
.animation(.spring(response: 0.45, dampingFraction: 0.85), value: showFullPlayer)
|
|
}
|
|
|
|
// Approximate safe-area-aware tab bar height
|
|
private var tabBarHeight: CGFloat {
|
|
let window = UIApplication.shared.connectedScenes
|
|
.compactMap { $0 as? UIWindowScene }
|
|
.first?.windows.first(where: \.isKeyWindow)
|
|
let bottomInset = window?.safeAreaInsets.bottom ?? 0
|
|
return 49 + bottomInset // 49pt is the standard iOS tab bar height
|
|
}
|
|
}
|