首次登录后On appear Modifier首次视图出现时不触发监听问题

问题核心原因 #

SwiftUI的TabView默认会预加载相邻标签对应的视图，首次登录后点击ConversationsListView标签时，该视图其实已经在后台完成初始化，onAppear在预加载阶段就已经触发过，导致用户点击时看不到预期效果；第二次点击时视图从后台切换到前台，onAppear再次触发才生效。

可行解决方案 #

1. 监听Tab选中状态替代onAppear

绑定TabView的选中状态，在状态切换到目标标签时直接执行初始化逻辑，不受预加载影响：

enum Tab {
    case friends, messages, settings
}

struct ContentView: View {
    @State private var selectedTab: Tab = .friends

    var body: some View {
        TabView(selection: $selectedTab) {
            // Friends视图
            Text("Friends")
                .tabItem {
                    Label("Friends", systemImage: "message")
                }
                .tag(Tab.friends)
            
            // Messages视图（ConversationsListView）
            ConversationsListView()
                .tabItem {
                    Label("Messages", systemImage: "person.fill")
                }
                .tag(Tab.messages)
            
            // Settings视图
            Text("Settings")
                .tabItem {
                    Label("Settings", systemImage: "gearshape")
                }
                .tag(Tab.settings)
        }
        .onChange(of: selectedTab) { newTab in
            if newTab == .messages {
                // 直接执行初始化逻辑，或者通知ViewModel处理
                setupInitialListeners()
            }
        }
    }
    
    func setupInitialListeners() {
        // 你的监听初始化代码
    }
}

2. 用标记控制首次加载逻辑

在ViewModel中添加加载状态标记，结合登录状态判断，确保仅在首次登录且未加载时执行逻辑：

class ConversationsViewModel: ObservableObject {
    @Published private(set) var hasLoadedInitialListeners = false
    @AppStorage("isLoggedIn") private var isLoggedIn = false // 假设用AppStorage存储登录状态

    func checkAndSetupListeners() {
        guard isLoggedIn && !hasLoadedInitialListeners else { return }
        setupInitialListeners()
        hasLoadedInitialListeners = true
    }
    
    private func setupInitialListeners() {
        // 你的监听初始化代码
    }
}

struct ConversationsListView: View {
    @StateObject private var vm = ConversationsViewModel()

    var body: some View {
        VStack {
            // 视图内容
        }
        .onAppear {
            vm.checkAndSetupListeners()
        }
        .onChange(of: vm.isLoggedIn) { _ in
            vm.checkAndSetupListeners()
        }
    }
}

3. 用LazyView延迟视图加载

通过自定义LazyView包裹目标Tab视图，避免TabView预加载，确保视图仅在被选中时初始化，onAppear会正常触发：

// 自定义LazyView
struct LazyView<Content: View>: View {
    let build: () -> Content
    init(_ build: @autoclosure @escaping () -> Content) {
        self.build = build
    }
    var body: Content {
        build()
    }
}

// 在TabView中使用
struct ContentView: View {
    var body: some View {
        TabView {
            // Friends视图
            Text("Friends")
                .tabItem {
                    Label("Friends", systemImage: "message")
                }
                .tag(Tab.friends)
            
            // 用LazyView包裹ConversationsListView
            LazyView(ConversationsListView())
                .tabItem {
                    Label("Messages", systemImage: "person.fill")
                }
                .tag(Tab.messages)
            
            // Settings视图
            Text("Settings")
                .tabItem {
                    Label("Settings", systemImage: "gearshape")
                }
                .tag(Tab.settings)
        }
    }
}

// ConversationsListView保持原有onAppear逻辑
struct ConversationsListView: View {
    var body: some View {
        VStack {
            // 视图内容
        }
        .onAppear {
            DispatchQueue.main.async {
                setupInitialListeners()
            }
        }
    }
    
    func setupInitialListeners() {
        // 你的监听初始化代码
    }
}

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