SwiftUI macOS应用List中父级contextMenu不显示问题求助

问题原因 #

在macOS的SwiftUI List组件中，List的行单元格会拦截右键事件，且默认情况下子视图的事件响应优先级高于父视图。再加上List的视图复用机制，导致父级Text上的ContextMenu被子级覆盖，右键点击父级区域时实际触发的是子级的ContextMenu。而ScrollView没有这种事件拦截和视图复用的特殊处理，因此事件传递正常。

解决方案 #

方案1：为父级Text添加内容形状，扩大响应区域

默认情况下，Text的可点击区域仅局限于文本本身，在List中容易被子视图的事件覆盖。通过添加.contentShape(Rectangle())可以让父级Text的整个布局区域都能接收右键事件：

List {
    VStack {
        Text("Parent")
            .contextMenu {
                Button("Parent Action") {                                    
                }
            }
            .contentShape(Rectangle()) // 扩大父级Text的响应区域
        
        VStack {
            Text("Child")
                .contextMenu {
                    Button("Child Action") {
                    }
                }
        }
    }
}

方案2：将父级ContextMenu绑定到List行容器

如果父级的ContextMenu需要对应整个List行的非子视图区域，可以直接把ContextMenu加到行的根VStack上，这样右键点击行内除子Text外的区域时会触发父级菜单，点击子Text时触发子级菜单：

List {
    VStack {
        Text("Parent")
        VStack {
            Text("Child")
                .contextMenu {
                    Button("Child Action") {
                    }
                }
        }
    }
    .contextMenu {
        Button("Parent Action") {                                    
        }
    }
}

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