SwiftUI中如何将列表项从升/降序恢复至默认排序？

开发者阿泽

2026-7-22

SwiftUI 恢复列表默认排序的解决方案

你当前的问题出在直接修改了@State修饰的items数组——每次排序都会覆盖原始顺序，自然没法恢复默认。而且你else分支里的排序逻辑return lhs.name == rhs.name是错误的，这个条件无法还原原始顺序，只会让数组排序混乱。

正确的做法是保留原始数据源的副本，通过状态变量控制排序模式，根据模式返回对应排序后的数组，而不是直接修改原数组。

具体实现步骤：

定义排序类型枚举（比用Int更清晰）

enum SortType: Int {
    case `default` = 0
    case ascending = 1
    case descending = 2
}

分离原始数据和状态变量
把原始数据存为常量（不修改），用状态变量管理当前排序模式：

// 原始数据源，始终保留初始顺序
let originalItems: [Names] = itemsName
// 控制当前排序类型的状态变量
@State private var currentSortType: SortType = .default

用计算属性返回排序后的数组
根据当前排序模式，动态返回对应的数组：

private var sortedItems: [Names] {
    switch currentSortType {
    case .default:
        return originalItems // 直接返回原始顺序
    case .ascending:
        return originalItems.sorted { $0.name < $1.name }
    case .descending:
        return originalItems.sorted { $0.name > $1.name }
    }
}

修改视图和排序逻辑
在ForEach里使用计算属性sortedItems，并更新onChange的逻辑：

ForEach(sortedItems) { item in 
    NavigationLink(destination: FormulasView()) {
        VStack {
            NameRowView(items: item)
        }
    }
}
.onChange(of: sortListItems) { _ in
    if sortListItems == 1 {
        currentSortType = .ascending
    } else if sortListItems == 2 {
        currentSortType = .descending
    } else {
        currentSortType = .default
    }
}