SwiftUI 嵌套视图中 .contextMenu 无法触发单个子视图菜单如何解决？

Form 中的 Section 容器默认会优先响应全局的行选中手势，拦截了内部子视图的长按手势，导致单个 Text 绑定的 contextMenu 无法被触发。

• 方案1：给外层容器添加空的点击手势，抵消 Form 行的默认手势优先级
  只需要给代码中的 VStack 添加一个空实现的 onTapGesture 修饰符即可：

VStack  {
    HStack  {
        ForEach(SampleEnum.allCases, id:\.self) { id in
            Text(id.rawValue)
                .contextMenu {
                    Button {
                        print("Change country setting")
                    } label: {
                        Label("Choose Country", systemImage: "globe")
                    }
                }
        }
    }
}
.onTapGesture {} // 添加这行即可，无需实现点击逻辑

• 方案2：给单个需要触发 contextMenu 的子视图明确响应区域并提升手势优先级
  适用于只需要部分子视图响应菜单的场景：

Text(id.rawValue)
    .contentShape(Rectangle()) // 明确点击响应区域为整个文本区域
    .onTapGesture {} // 空实现提升手势优先级
    .contextMenu {
        Button {
            print("Change country setting")
        } label: {
            Label("Choose Country", systemImage: "globe")
        }
    }

• 方案3：用 Plain 样式的 Button 包裹子视图
  如果子视图本身需要响应点击事件，可以直接用 Button 包裹，同时设置样式为 plain，也能正常触发 contextMenu：

Button {
    // 可添加正常点击逻辑，无需求留空即可
} label: {
    Text(id.rawValue)
}
.buttonStyle(.plain)
.contextMenu {
    Button {
        print("Change country setting")
    } label: {
        Label("Choose Country", systemImage: "globe")
    }
}

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