使用分区时，列表中的 SwiftUI 选取器会在顶部添加额外的行

问：

我在列表中有一个 SwiftUI 内联选择器。它工作正常，但是当我将其包含在一个部分中时，每个部分的顶部都会出现一个空行，并带有内联选择器。无论如何都可以删除这个空行吗？如果我删除该部分，空行就会消失。

@State var color: String = "Red"
var colors: [String] = ["Red", "Green", "Blue"]

var body: some View {
    List {
        Section(header: Text("Colors")) {
            Picker("", selection: $color) {
                ForEach(colors, id: \.self) { color in
                    Text(color)
                }
            }
            .pickerStyle(InlinePickerStyle())
        }
    }
}

var body: some View {
    List {
        Picker("", selection: $color) {
            ForEach(colors, id: \.self) { color in
                Text(color)
            }
        }
        .pickerStyle(InlinePickerStyle())
    }
}