ios - 从 SwiftUI 中的 `List` 删除顶部填充

Question

我在 Stack Overflow 上看到过类似的问题，但没有一个能够回答我的问题。
我创建了一个 List ，但我想删除 List 中内容上方的填充空间(用红色箭头标记) .使用 GroupedListStyle 时如何删除它?

这是 List在 VStack 内在 NavigationView 内通过 fullscreenCover 显示:

var body: some View {
  NavigationView {
    VStack {
      taskEventPicker
      myList
    }
    .navigationBarTitle("Add Task", displayMode: .inline)
  }
}

在哪里 taskEventPicker是分段的 Picker (绿色框内):

var taskEventPicker: some View {
  Picker("Mode", selection: $selection) { /* ... */ }
  .pickerStyle(SegmentedPickerStyle())
  .padding()
}

和 myList是有问题的表格(黄色框):

var myList: some View {
  List { /* ... */ }
  .listStyle(GroupedListStyle())
}

我试过的

Removing the header of the list

Hiding the Navigation Bar title

Setting UITableView.appearance().tableHeaderView to an empty frame

Attempting UITableView.appearance().contentInset.top = -35

Setting listRowInsets (这会影响所有列表行)

注意:我正在寻找适用于 GroupedListStyle 的答案。 .我了解 PlainListStyle 不会出现此问题.默认 listStyle 也会出现此填充问题。 .
谢谢您的帮助!
Xcode 版本:12.5

Answer 1

首先，我想说GroupedListStyle正在按预期工作。

On iOS, the grouped list style displays a larger header and footerthan the plain style, which visually distances the members ofdifferent sections.

你说你已经尝试过了，但它对我有用(Xcode 12.5.1):

    List { ... }    
    .onAppear(perform: {
        UITableView.appearance().contentInset.top = -35
    })

您还可以使用 ZStack 隐藏列表标题。堆栈底部的列表和 Picker越过高峰。 Picker 确实具有透明度，因此您还必须添加一个不透明的 View 作为 Picker 的背景。 .

var body: some View {
    NavigationView {
        ZStack(alignment: .top) {
            List { ... }
            .listStyle(.grouped)
            .padding(.top, 30)
            
            Color.white
                .frame(height: 65)
            
            Picker { ... }
            .pickerStyle(.segmented)
            .padding()
        }
        .navigationBarTitle("Add Task", displayMode: .inline)
    }
}

据我所见，这与 PlainListStyle 相同。可以，但我认为您有特定的理由想要使用 GroupedListStyle .