如何在SwiftUI中正确模拟Android生命周期的常用回调方法

SwiftUI模拟Android生命周期的正确实现 #

原有实现存在三个核心问题：

• 使用onDisappear触发onDestroy，但onDisappear会在页面被新页面遮挡（push下一页）时就触发，无法区分是被遮挡还是被真正从导航栈弹出销毁
• 应用状态通知是全局广播，没有判断当前页面是否处于可见栈顶，导致所有在导航栈中的页面都会响应前后台切换事件
• 没有关联应用活跃状态和页面可见状态，导致页面从下级返回时的onAppear逻辑无法正确触发onResume

实现思路 #

1. 用task修饰符绑定视图实例的真实生命周期，只有视图被从导航栈弹出销毁时，task才会被取消，此时执行onDestroy逻辑，避免push下一页时误触发
2. 新增状态变量记录页面是否可见、应用是否处于活跃状态，只有页面可见时才响应应用前后台切换的通知，避免栈内非栈顶页面触发onPause/onResume
3. 在onAppear时判断应用状态，正确触发从下级页面返回时的onResume

完整可复用实现 #

先封装通用的ViewModifier，所有页面可直接调用：

import SwiftUI

struct AndroidLifecycleModifier: ViewModifier {
    let onCreate: () -> Void
    let onResume: () -> Void
    let onPause: () -> Void
    let onDestroy: () -> Void
    
    @State private var viewCreated = false
    @State private var isVisible = false
    @State private var appIsActive = UIApplication.shared.applicationState == .active
    
    func body(content: Content) -> some View {
        content
            .onAppear {
                isVisible = true
                if !viewCreated {
                    viewCreated = true
                    onCreate()
                }
                if appIsActive {
                    onResume()
                }
            }
            .onDisappear {
                isVisible = false
            }
            .onReceive(NotificationCenter.default.publisher(for: UIApplication.willResignActiveNotification)) { _ in
                appIsActive = false
                if isVisible {
                    onPause()
                }
            }
            .onReceive(NotificationCenter.default.publisher(for: UIApplication.willEnterForegroundNotification)) { _ in
                appIsActive = true
                if isVisible {
                    onResume()
                }
            }
            .task {
                defer { onDestroy() }
                // 挂起直到视图被销毁task取消
                await withTaskCancellationHandler {
                    for await _ in AsyncStream<Void>.never {}
                } onCancel: {}
            }
    }
}

extension View {
    func androidLifecycle(
        onCreate: @escaping () -> Void,
        onResume: @escaping () -> Void,
        onPause: @escaping () -> Void,
        onDestroy: @escaping () -> Void
    ) -> some View {
        self.modifier(AndroidLifecycleModifier(
            onCreate: onCreate,
            onResume: onResume,
            onPause: onPause,
            onDestroy: onDestroy
        ))
    }
}

使用示例 #

struct SamplePage: View {
    var body: some View {
        NavigationStack {
            NavigationLink("跳转到下一页") {
                SamplePage()
            }
        }
        .androidLifecycle {
            print("页面onCreate")
        } onResume: {
            print("页面onResume")
        } onPause: {
            print("页面onPause")
        } onDestroy: {
            print("页面onDestroy")
        }
    }
}

行为验证 #

• 首次进入页面：依次触发onCreate → onResume
• push下一页：当前页无生命周期事件触发
• 从下一页pop返回：当前页触发onResume
• 应用切后台/熄屏：仅当前可见的栈顶页面触发onPause
• 应用切回前台：仅当前可见的栈顶页面触发onResume
• 页面被pop出栈：触发onDestroy

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