In SwiftUI how do I decrease the size or get rid of a Section header when using InsetGroupedListStyle?

Question

In a view like this:

struct ContentView: View {
  var body: some View {
    List {
      Section("How do I get rid of this space") {
        Text("Static content")
      }
      
      Section("How do I get rid of this space") {
        Text("Static content")
      }
      
      Section("How do I get rid of this space") {
        Text("Dynamic content")
        Text("Dynamic content")
        Text("Dynamic content")
      }
    }
  }
}

that looks like this:

How do I get rid of the space where the Section header is (marked with How do I get rid of this space)? I'm putting some static navigation links in that space and I prefer the insetGrouped ListStyle.

I've tried dabbling with UIKit:

UITableView.appearance().sectionFooterHeight = 0

but it doesnt get rid of the full height and applies globally. I'd like to use it only for this one list. Any help is appreciated.

Does this answer your question https://stackoverflow.com/a/73154356/12299030? — Asperi, Aug 11 '22 at 17:07
That one did not work but the answer below did the trick. Thank you! https://stackoverflow.com/a/73174782/4269720 — fasoh, Aug 12 '22 at 16:17

score 2 · Accepted Answer · answered Aug 12 '22 at 16:18

2

Setting .environment(\.defaultMinListHeaderHeight, 1) and .listRowInsets(EdgeInsets(top: -20, leading: 0, bottom: 0, trailing: 0)) worked.

answered Aug 12 '22 at 16:18

fasoh

504
4
17

score 0 · Answer 2 · answered Aug 11 '22 at 17:40

0

You can control header footer heights using listRowInsets, you can modify all insets according to your requirements.

answered Aug 11 '22 at 17:40

Muhammad Waqas Bhati

2,775
20
25

In SwiftUI how do I decrease the size or get rid of a Section header when using InsetGroupedListStyle?

2 Answers2