SwiftUI如何在NavigationView上添加可返回通话页的悬浮视图

针对从UIKit迁移到SwiftUI的全局通话悬浮条需求，有两个稳定可落地的实现方案，完全匹配原有交互效果：

方案1：纯SwiftUI原生实现（推荐） #

核心思路是把悬浮条放在应用导航层的最顶层，避免被导航栈内的页面转场影响，比UIKit时代直接给NavigationController加subview的维护成本更低。

• 第一步：用全局可观察对象管理通话状态，避免跨页面传值问题

// 全局通话状态管理
class CallManager: ObservableObject {
    static let shared = CallManager()
    /// 是否存在进行中的通话
    @Published var isInActiveCall: Bool = false
    /// 是否全屏展示通话主界面
    @Published var isCallInterfacePresented: Bool = false
    // 可在这里扩展当前通话时长、通话状态等业务属性
}

• 第二步：在应用根视图用ZStack叠加导航容器和悬浮条，保证悬浮条全局常驻

@main
struct VoIPApp: App {
    @StateObject private var callManager = CallManager.shared
    
    var body: some Scene {
        WindowGroup {
            ZStack(alignment: .top) {
                // 主导航容器，NavigationStack/NavigationView/第三方导航框架都适用
                NavigationStack {
                    AppRootContentView()
                }
                
                // 悬浮通话条：仅在通话中、且通话主界面收起时展示
                if callManager.isInActiveCall && !callManager.isCallInterfacePresented {
                    ActiveCallBarView()
                        .zIndex(999) // 保证层级高于导航内容
                        .transition(.move(edge: .top).combined(with: .opacity))
                        .onTapGesture {
                            // 点击唤起通话主界面，根据业务选择fullScreenCover/sheet/导航跳转
                            callManager.isCallInterfacePresented = true
                        }
                }
            }
            .animation(.easeInOut(duration: 0.25), value: callManager.isCallInterfacePresented)
            .environmentObject(callManager)
        }
    }
}

• 布局适配提示：

如果需要导航栈内的页面内容自动避开悬浮条、不被遮挡，不需要给每个单独页面设置内边距，直接把悬浮条代码移到导航容器的.safeAreaInset(edge: .top)修饰符中即可，SwiftUI会自动给所有子页面适配顶部偏移。
悬浮条的布局约束匹配原有UIKit效果即可：顶部贴合导航栏位置、高度与导航栏一致，完全覆盖原有导航栏上半区域，和预期交互效果一致。

方案2：混合开发场景适配（保留UIKit导航容器） #

如果你暂时还没完全移除UINavigationController，是用UIHostingController把SwiftUI页面托管在现有UIKit导航体系里，不需要重写悬浮条逻辑：

• 直接保留原有MainNavController的showActiveCallBar方法
• 把原来的activeCallBarView替换为UIHostingController(rootView: ActiveCallBarView()).view
• 约束、交互逻辑和原有UIKit实现完全一致即可，迁移成本极低

常见避坑点 #

• 不要把悬浮条写在导航栈的单个子页面里，否则会跟随页面push/pop做转场动画，达不到全局悬浮的效果
• 注意zIndex层级设置，避免悬浮条被全局弹窗、提示层覆盖，一般设置999即可满足常规场景，高优先级系统弹窗会自动覆盖在最上层
• 状态变化的动画直接绑定状态变量即可，不需要手动写UIView动画，SwiftUI会自动处理滑入滑出效果

交互效果参考：

内容的提问来源于stack exchange，提问作者dbDev