SwiftUI中TabView切换到指定页面时如何仅发起一次网络请求

核心实现逻辑是给目标页面增加首次加载状态标记，结合onAppear生命周期做判断，不需要修改TabView父组件逻辑，侵入性极低。

实现步骤 #

• 第一步：在目标Tab页面的View中定义@State类型的加载状态标记，默认值为false，用于记录是否已经完成过网络请求
• 第二步：在页面的onAppear修饰符中增加判断逻辑，仅当加载标记为false时才执行网络请求
• 第三步：网络请求执行完成（无论成功失败）后，将加载标记置为true，后续onAppear触发时会自动跳过请求逻辑

完整代码示例 #

import SwiftUI

// 目标Tab页面
struct HomeTabView: View {
    // 首次请求标记：false=未发起过请求，true=已发起过请求
    @State private var hasFetchedData = false
    // 存储网络请求返回的列表数据
    @State private var contentList: [ContentModel] = []
    
    var body: some View {
        List(contentList) { item in
            Text(item.content)
        }
        .onAppear {
            // 已发起过请求直接跳过
            guard !hasFetchedData else { return }
            // 执行网络请求
            fetchNetworkData()
        }
    }
    
    // 自定义网络请求方法
    private func fetchNetworkData() {
        guard let requestUrl = URL(string: "你的业务接口地址") else { return }
        URLSession.shared.dataTask(with: requestUrl) { data, response, error in
            // 处理请求错误逻辑省略
            guard let data = data, error == nil else {
                // 即使请求失败也标记为已执行，避免重复发起无效请求
                DispatchQueue.main.async {
                    self.hasFetchedData = true
                }
                return
            }
            // 解析数据逻辑
            if let result = try? JSONDecoder().decode([ContentModel].self, from: data) {
                DispatchQueue.main.async {
                    self.contentList = result
                    // 请求成功标记为已执行
                    self.hasFetchedData = true
                }
            }
        }.resume()
    }
}

// 示例数据模型
struct ContentModel: Codable, Identifiable {
    let id: Int
    let content: String
}

注意事项 #

如果你的业务场景需要页面在某些特定场景下重新请求数据（比如用户手动下拉刷新、App从后台切回前台），只需要在对应触发逻辑里将hasFetchedData重置为false即可，下次onAppear触发时会自动重新发起请求。

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