从Safari返回后SwiftUI应用UI无响应问题排查求助

问题现象 #

应用内点击「Privacy Policy」按钮跳转至Safari，返回应用后UI出现无响应，需多次点击才能触发操作，无响应主要集中在自定义Tab Bar区域，推测主线程被阻塞但无法定位根源。

相关代码 #

跳转Safari的按钮代码 #

struct SettingsSheet: View {
    
    @Environment(\.dismiss) var dismiss
           
    var body: some View {
        
        NavigationView {
            
            ZStack {                
                VStack {
                    VStack {                        
                        List {
                            
                            Section(header: Text("Account Settings")) {
                                
                                NavigationLink(
                                    destination: HelpView(),
                                    label: { Text("Help") }
                                )
                                
                                NavigationLink(
                                    destination: RateAppView(),
                                    label: { Text("Rate This App") }
                                )
                                
                                NavigationLink(
                                    destination: NotificationsView(),
                                    label: { Text("Notifications") }
                                )
                                
                                NavigationLink(
                                    destination: LogOutView(),
                                    label: { Text("Log Out") }
                                )
                                
                            }
                            .headerProminence(.increased)
                            
                            Section(header: Text("Information")) {

                                Button(action: {
                                    UIApplication.shared.open(URL(string: "https://www.stackoverflow.com")!, options: [:], completionHandler: nil)
                                }) {
                                    Text("Privacy Policy")
                                }
                                                                
                                NavigationLink(
                                    destination: DeleteAccountView(),
                                    label: { Text("Delete Account") }
                                )
                            }
                        }
                    }
                }
            }
        }
        .navigationTitle("Settings")
    }
}

Tab Bar相关代码 #

struct MainPage: View {

    @StateObject var AppModel: AppViewModel = .init()
    @Namespace var animation
    
    var body: some View {
        
        VStack(spacing: 0){
            
            TabView(selection: $AppModel.currentTab) {
                
                View1()
                    .tag(Tab.View1)
                    .setUpTab()
                
                View2()
                    .tag(Tab.View2)
                    .setUpTab()
                
                View3()
                    .tag(Tab.View3)
                    .setUpTab()
        
                View4()
                    .tag(Tab.View4)
                    .setUpTab()
                
                View5()
                    .tag(Tab.View5)
                    .setUpTab()
            }
            .overlay(alignment: .bottom) {
                CustomTabBar(currentTab: $AppModel.currentTab, animation: animation)                    
            }
        }
        .ignoresSafeArea(.keyboard, edges: .bottom)
    }
}

struct CustomTabBar: View {
    @Binding var currentTab: Tab
    var animation: Namespace.ID
    @State var currentXValue: CGFloat = 0
    var body: some View {
        HStack(spacing: 0){
            ForEach(Tab.allCases,id: \.rawValue){tab in
                TabButton(tab: tab)
                    .overlay {
                        Text(tab.rawValue)
                            .font(.system(size: 14, weight: .semibold))
                            .foregroundColor(Color("TileText"))
                            .offset(y: currentTab == tab ? 15 : 100)
                    }
            }
        }
        .padding(.top)
        .padding(.bottom,getSafeArea().bottom == 0 ? 15 : 10)
        .background{
            Color("TileColour")
                .shadow(color: Color("Black").opacity(0.08), radius: 5, x: 0, y: -5)
                .clipShape(BottomCurve(currentXValue: currentXValue))
                .ignoresSafeArea(.container, edges: .bottom)
        }
    }
    
    @ViewBuilder
    func TabButton(tab: Tab)->some View{
        GeometryReader{proxy in
            Button {
                withAnimation(.easeInOut){
                    currentTab = tab
                    currentXValue = proxy.frame(in: .global).midX
                }
                
            } label: {
                Image(tab.rawValue)
                    .resizable()
                    .renderingMode(.template)
                    .aspectRatio(contentMode: .fit)
                    .frame(width: 25, height: 25)
                    .frame(maxWidth: .infinity)
                    .foregroundColor(currentTab == tab ? .white : .gray.opacity(0.8))
                    .padding(currentTab == tab ? 15 : 0)
                    .background(
                        ZStack{
                            if currentTab == tab{
                                Circle()
                                    .fill(Color("LightBlue"))
                                    .shadow(color: Color("Black").opacity(0.1), radius: 8, x: 5, y: 5)
                                    .matchedGeometryEffect(id: "TAB", in: animation)
                            }
                        }
                    )
                    .contentShape(Rectangle())
                    .offset(y: currentTab == tab ? -50 : 0)
            }
            .onAppear {
                if tab == Tab.allCases.first && currentXValue == 0{
                    currentXValue = proxy.frame(in: .global).midX
                }
            }
        }
        .frame(height: 30)
    }
}

enum Tab: String,CaseIterable{
    case View1 = "View1"
    case View2 = "View2"
    case View3 = "View3"
    case View4 = "View4"
    case View5 = "View5"
}

extension View{
    func getSafeArea()->UIEdgeInsets{
        guard let screen = UIApplication.shared.connectedScenes.first as? UIWindowScene else{
            return .zero
        }
        
        guard let safeArea = screen.windows.first?.safeAreaInsets else{
            return .zero
        }
        
        return safeArea
    }
}

可能成因 #

1. 主线程阻塞：从Safari返回时，应用可能在主线程执行了未察觉的耗时操作（如大量数据刷新、复杂UI重计算），导致用户事件无法及时响应。
2. 自定义Tab Bar的布局异常：
   • getSafeArea()直接访问UIApplication.shared，应用从后台返回时App状态变化可能引发线程安全问题，间接阻塞主线程。
   • GeometryReader获取全局坐标的逻辑在应用前后台切换时，可能触发频繁的布局重计算，占用主线程资源。
   • matchedGeometryEffect在应用状态切换时可能出现状态不同步，导致UI层级异常，实际点击区域被遮挡。
3. Safari跳转调用不规范：未处理open方法的completionHandler，且强制解包URL，可能导致应用状态切换时的回调异常。

解决方案 #

1. 规范Safari跳转逻辑 #

修复URL强制解包问题，添加completionHandler处理应用返回后的状态同步，避免主线程阻塞：

Button(action: {
    guard let url = URL(string: "https://www.stackoverflow.com") else { return }
    UIApplication.shared.open(url, options: [:]) { success in
        DispatchQueue.main.async {
            // 可在此做轻量状态同步，确保UI处于活跃状态
            // 例如刷新当前页面的绑定状态
        }
    }
}) {
    Text("Privacy Policy")
}

2. 优化自定义Tab Bar实现 #

• 替换安全区域获取方式：用SwiftUI原生API替代直接访问UIKit的方式，避免线程安全问题：

extension View {
    func getSafeArea() -> EdgeInsets {
        guard let windowScene = UIApplication.shared.connectedScenes.first as? UIWindowScene,
              let window = windowScene.windows.first else {
            return EdgeInsets()
        }
        let insets = window.safeAreaInsets
        return EdgeInsets(top: insets.top, leading: insets.left, bottom: insets.bottom, trailing: insets.right)
    }
}
// 更推荐的方式：在View中使用safeAreaInset替代手动计算
// .padding(.bottom, getSafeArea().bottom == 0 ? 15 : 10)
// 改为：
// .safeAreaInset(edge: .bottom) {
//     Color.clear.frame(height: getSafeArea().bottom == 0 ? 15 : 10)
// }

• 优化currentXValue初始化逻辑：使用PreferenceKey统一管理Tab位置，减少onAppear中的重复计算：

// 定义PreferenceKey
struct TabPositionKey: PreferenceKey {
    static var defaultValue: CGFloat = 0
    static func reduce(value: inout CGFloat, nextValue: () -> CGFloat) {
        value = nextValue()
    }
}

// 在TabButton中传递位置
GeometryReader{proxy in
    Button {
        withAnimation(.easeInOut){
            currentTab = tab
            currentXValue = proxy.frame(in: .global).midX
        }
    } label: {
        // 原有按钮内容
    }
    .preference(key: TabPositionKey.self, value: proxy.frame(in: .global).midX)
    .onAppear {
        if tab == Tab.allCases.first && currentXValue == 0 {
            currentXValue = proxy.frame(in: .global).midX
        }
    }
}

• 监听应用状态同步Tab状态：通过scenePhase监听应用前后台切换，回到前台时同步Tab状态：

struct CustomTabBar: View {
    @Binding var currentTab: Tab
    var animation: Namespace.ID
    @State var currentXValue: CGFloat = 0
    @Environment(\.scenePhase) private var scenePhase
    
    var body: some View {
        HStack(spacing: 0){
            // 原有TabButton循环
        }
        .onChange(of: scenePhase) { newPhase in
            if newPhase == .active {
                DispatchQueue.main.async {
                    // 确保currentXValue与当前Tab匹配，避免位置偏移
                    // 可重新计算当前Tab的位置
                }
            }
        }
    }
}

3. 定位主线程耗时操作 #

使用Xcode的Time Profiler工具排查主线程阻塞：

1. 打开Xcode，选择Product > Profile，启动Instruments
2. 选择Time Profiler模板，点击录制按钮
3. 操作应用跳转至Safari，再返回应用，停止录制
4. 在左侧导航栏选择Main Thread，查看调用栈中耗时超过100ms的操作，将其移至后台线程执行

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