MΓ³dulo 11 Β· Live GPS Tracking β LecciΓ³n 3 de 3 Β· ~17 min
The HUD: Drawing the Walk
One screen, three layers
Features/Live/LiveTrackingView.swift is the mission-control screen from Module 6, now fed by real data. Its body is a ZStack of three layers: the drawn map at the back, two dark gradients to keep text readable, and the HUD (top stats, status pill, bottom card) in front.
The view owns the tracker the same way every screen has owned its view model since Module 5: @State private var tracker = LiveTracker(). Lifecycle is two modifiers: .task { await tracker.start(β¦) } when the screen appears, .onDisappear { tracker.stop() } to hang up the socket and stop GPS when it goes away.