SwiftUI Picker点击文字外区域无法弹出选择菜单问题

这是SwiftUI命中测试规则和默认Picker样式的固有表现：

• .frame(maxWidth: .infinity)、.background(.red)仅决定视图的布局占位大小和视觉绘制范围，不会修改控件的可点击响应区域。
• iOS下默认使用.menu样式的Picker，可交互触发区域仅为内部展示选中值的文本标签，尺寸完全贴合文本内容，不会自动铺满父视图分配的全部布局空间。红色背景属于非交互的视觉绘制层，不参与点击命中判断，因此点击文本外的红色区域不会触发菜单弹出。
• 该表现和Picker是否嵌套在Form、导航容器中无关，核心逻辑是SwiftUI中视图的视觉展示范围不直接等同于交互响应范围，只有控件内置的交互元素、或显式声明的命中区域才会响应点击事件。

在修饰符链中追加.contentShape(Rectangle())，将整个frame覆盖的矩形区域显式声明为可命中的交互区域即可，修改后点击整行红色区域都能正常弹出选择菜单，参考代码如下：

Picker ("", selection: $itemIndex){
    ForEach (0..<items.count, id: \.self){ index in
        Text(items[index])
    }
}
.frame(maxWidth: .infinity)
.background(.red)
.contentShape(Rectangle())

如果需要自定义点击交互样式，也可以通过包裹Button主动触发Picker的弹出逻辑，但上述方案改动最小，完全兼容现有代码逻辑。

内容的提问来源于stack exchange，提问作者KANAYO AUGUSTIN UG