SwiftUI中Computed Property重复计算致性能问题的解决方案咨询

核心问题分析 #

Swift的计算属性本身就是每次访问都会重新求值，这是语言特性，无法修改。你的场景中，groupedTransactionByDate作为计算属性，每次被View渲染访问时都会重新执行分组逻辑，大数据量下必然导致重复计算、内存飙升。解决思路是缓存分组结果，仅在交易数据变更时重新计算。

方案一：用@State结合onChange监听数据变化 #

直接在View中用@State存储分组结果，通过onAppear初始化，onChange监听@Query返回的交易数组变化，触发分组更新：

struct TransactionListView: View {
    @Query(sort: \Transaction.date, order: .reverse) private var transactions: [Transaction]
    @State private var groupedTransactions: [Date: [Transaction]] = [:]
    
    var body: some View {
        List {
            // 直接使用缓存的分组结果，不会触发重复计算
            ForEach(groupedTransactions.sorted(by: { $0.key > $1.key }), id: \.key) { date, transactions in
                Section(header: Text(date.formatted(date: .complete, time: .omitted))) {
                    ForEach(transactions) { transaction in
                        Text(transaction.description)
                    }
                }
            }
        }
        .onAppear {
            updateGroupedData()
        }
        // 仅当交易数组变化时（数据库增删改），重新计算分组
        .onChange(of: transactions) { _, _ in
            updateGroupedData()
        }
    }
    
    private func updateGroupedData() {
        // 日期归一化：将交易日期转为当天起始时间，避免同一日期因时分秒不同被拆分
        groupedTransactions = Dictionary(grouping: transactions) {
            Calendar.current.startOfDay(for: $0.date)
        }
    }
}

方案二：用ObservableObject封装分组逻辑（推荐） #

如果分组逻辑复杂或需要复用，将逻辑放到ViewModel中，用@Published发布缓存的分组结果，结合Combine自动响应数据变化：

class TransactionViewModel: ObservableObject {
    @Query(sort: \Transaction.date, order: .reverse) private var transactions: [Transaction]
    @Published var groupedTransactions: [Date: [Transaction]] = [:]
    
    init() {
        // 订阅交易数据变化，自动更新分组结果
        $transactions
            // 后台线程执行分组计算，避免阻塞主线程
            .receive(on: DispatchQueue.global(qos: .userInitiated))
            .map { transactions in
                Dictionary(grouping: transactions) {
                    Calendar.current.startOfDay(for: $0.date)
                }
            }
            .receive(on: DispatchQueue.main)
            .assign(to: &$groupedTransactions)
    }
}

struct TransactionListView: View {
    @StateObject private var viewModel = TransactionViewModel()
    
    var body: some View {
        List {
            ForEach(viewModel.groupedTransactions.sorted(by: { $0.key > $1.key }), id: \.key) { date, transactions in
                Section(header: Text(date.formatted(date: .complete, time: .omitted))) {
                    ForEach(transactions) { transaction in
                        Text(transaction.description)
                    }
                }
            }
        }
    }
}

关键注意事项 #

1. 日期归一化：必须将交易日期转为当天起始时间（startOfDay(for:)），否则同一日期的交易会因时分秒不同被分到不同分组，导致数据展示错误。
2. 后台计算：大数据量下，分组计算建议放到后台线程（如方案二的DispatchQueue.global()），避免阻塞主线程造成UI卡顿。
3. 避免手动缓存误区：不要尝试用静态变量或全局变量缓存，会导致内存泄漏或数据不更新问题，必须使用SwiftUI的响应式状态容器（@State、@Published等）。

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