SwiftUI如何实现类似文件App菜单的排序方向切换功能

你写的代码点击没反应，核心问题是Menu里的Picker会完全接管子视图的点击事件，你嵌在Picker内部的Button的action根本不会触发——这些Button只会被Picker当做选项的UI模板，不会执行自定义的点击逻辑。
另外你当前的实现还有两个和系统逻辑不符的问题：

• 未选中的排序项也显示了方向箭头，iOS文件App只会给当前选中项显示方向标记
• 切换到新排序项时没有重置排序方向，不符合系统交互习惯

最符合SwiftUI设计规范、兼容性最好的写法是不要在Menu里嵌Picker，直接遍历排序项生成Button即可，逻辑完全可控，能100%对齐iOS文件App的交互：

• 首次点击未选中的排序项：选中该项，默认使用升序
• 重复点击当前已选中的排序项：直接切换升降序状态

可直接运行的代码如下：

import SwiftUI

// 排序枚举遵循CaseIterable方便遍历，加rawValue直接对应显示文案
enum SortOption: String, CaseIterable {
    case name = "Name"
    case number = "Number"
    case length = "Length"
}

struct SortMenu: View {
    @State private var selectedSort: SortOption = .name
    @State private var isSortAscending = true
    
    var body: some View {
        Menu {
            ForEach(SortOption.allCases, id: \.self) { option in
                Button {
                    // 核心逻辑：判断点击的是不是当前已选中项
                    if option == selectedSort {
                        isSortAscending.toggle()
                    } else {
                        selectedSort = option
                        isSortAscending = true // 新选项默认升序，和系统逻辑一致
                    }
                } label: {
                    HStack {
                        Text(option.rawValue)
                        Spacer()
                        // 只有选中项显示方向箭头
                        if option == selectedSort {
                            Image(systemName: isSortAscending ? "chevron.up" : "chevron.down")
                        }
                    }
                }
            }
        } label: {
            Label("Sort", systemImage: "arrow.up.arrow.down")
        }
    }
}

补充：为什么不推荐用Picker+onChange的写法 #

你可能会想到给Picker加.onChange(of: selectedSort)监听值变化来实现逻辑，但这个方案有兼容性问题：iOS 16及以下系统中，Picker在Menu样式下，重复点击已选中的选项不会触发绑定值更新，自然也不会执行onChange逻辑，会出现第二次点击同一项无响应的问题。
如果你的App只适配iOS 17+，可以用这个写法，但从兼容性角度考虑，直接在Menu中放Button是最稳妥的方案，支持iOS 15及以上所有版本。

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