如何限制SwiftUI中List组件内Picker的可点击区域？

在SwiftUI的List组件里，默认会让行内的Button、Picker等控件的可点击区域扩展至整行。Button可以通过.buttonStyle(.plain)限制点击范围，但Picker需要用其他方式处理，这里提供两种可行方案：

方案一：给Picker添加.fixedSize()修饰符 #

这个修饰符会让Picker保持自身内容的固有尺寸，不会被List行强制拉伸，从而限制点击区域只覆盖Picker本身。修改后的Picker代码如下：

Picker("Selection: ", selection: $variable) {
    ForEach(Selection.allCases, id: \.id) { i in
        Text(i.id).tag(i)
    }
}
.fixedSize()

方案二：替换List为ScrollView+VStack #

如果你的页面不需要List特有的行交互（比如滑动删除、侧滑菜单），完全可以用ScrollView包裹VStack来替代List。这种情况下，所有控件的可点击区域都会保持默认的自身范围，不需要额外设置。示例代码结构如下：

ScrollView {
    VStack {
        Picker("Selection: ", selection: $variable) {
            ForEach(Selection.allCases, id: \.id) { i in
                Text(i.id).tag(i)
            }
        }
        
        Button("First") {
            print("first")
        }
        .buttonStyle(.plain)
        
        Button("Second") {
            print("second")
        }
    }
    .padding()
}

如果List是必须使用的场景，优先选择方案一；若对List的特有功能无依赖，方案二的实现更简洁。

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