SwiftUI：是否可以使用 ForEach + ContextMenu + if 语句？

Question

（仅在 macOS 上尝试过，但我相信在 iOS 上会有相同的行为）

macOS 10.15.2 (19C57); Xcode：11.3 (11C29)

（问题已更新，因为我在问题中发现了新的关系）

我有以下代码：

List(model.filteredStatus) { status in
    StatusViewRow(status: status, model: self.model)
        .contextMenu{
            Text("menu 1")
            Text("menu 2")
        }
}

效果很好。

但如果我想使用 ForEach 代替（不管为什么）：

ForEach(model.filteredStatus) { status in
    StatusViewRow(status: status, model: self.model)
        .contextMenu{
            Text("menu 1")
            Text("menu 2")
        }
}

上下文菜单不出现。

我找到了原因。原因是ForEach + contextMenu + if 语句组合不正确！

ContextMenu 不能完全在 if 语句内的部分行上工作。在 List 的 ful 行上运行良好，并且在我使用 ForEach 时仅在工具行部分上运行。

有人可以解释为什么会这样吗？

我在StatusViewRow 中有一个if 语句，contextMenu 没有出现在这部分：

struct StatusViewRow : View {
    @ObservedObject var status : FileStatusViewModel
    @ObservedObject var model : StatusViewModel

    var body: some View {
        HStack {
            TaoToggle(state: status.stageState) { self.status.toggleStageState() }
            // you can replace to just a toogle

// ISSUE START HERE 
            if(model.fileNamesOnly) {
                StyledText(verbatim: status.fileName )
                    .style(.highlight(), ranges: { [$0.lowercased().range(of: model.filterStr.lowercased() )]})
            } 
            else {
                StyledText(verbatim: status.path )
                    .style(.foregroundColor(.gray), ranges: { [$0.range(of: status.fileDir) ] } )
                    .style(.bold(),                 ranges: { [$0.range(of: status.fileName) ] })
                    .style(.highlight(),            ranges: { [$0.lowercased().range(of: model.filterStr.lowercased() )]})
            }           
// ISSUE END HERE
        }
    }
}

Answer 1

您需要将ForEach 包裹在List 或relevant 中。

包含Text("...") 的任何视图都必须位于VStack、HStack、ZStack 等或List 内。否则不会渲染。

当您创建 SwiftUI 视图时，协议定义我们需要返回“some View”。 “some”这个词意味着我们正在处理一个不透明的结果类型。这是一个新功能added in Swift 5.1。不透明的结果类型意味着我们必须返回一个，并且只有一个，指定类型，在这种情况下，符合“View”协议。

ForEachconforms转Hashable：

struct ForEach<Data, ID, Content> where Data : RandomAccessCollection, ID : Hashable

...而stacks（在这种情况下为VStack）符合View：

@frozen struct VStack<Content> where Content : View

...和List 以及conforms 到View：

struct List<SelectionValue, Content> where SelectionValue : Hashable, Content : View

所以你需要这样的东西：

ForEach (model.filteredStatus) { status in
    VStack { // stack View
        StatusViewRow(status: status, model: self.model)
            .contextMenu {
                Text("Menu 1")
                Text("Menu 2")

            }
    }
}

或者：

ForEach (model.filteredStatus) { status in
    StatusViewRow(status: status, model: self.model)
        .contextMenu {
            VStack { // stack View
                Text("Menu 1")
                Text("Menu 2")
            }
        }

}

或者：

List { // List works because it conforms to View
    ForEach (model.filteredStatus) { status in
        StatusViewRow(status: status, model: self.model)
            .contextMenu {
                Text("Menu 1")
                Text("Menu 2")
            }

    }
}

这篇文章很好地解释了why这是必要的。