how to remove iOS 15 extra top padding in swiftui InsetGroupedListStyle?

Question

I have a InsetGroupedListStyle List in SwiftUI and noticed an extra top padding added in iOS 15. How can I control or remove this?

List {
    Section(header: Text("Header")) {
        // some content
    }
}
.listStyle(InsetGroupedListStyle())

Here is iOS 14:

and iOS 15:

This might help: https://stackoverflow.com/questions/68155090/extra-padding-above-table-view-headers-in-ios-15 — aheze, Sep 24 '21 at 01:23
This is useful but doesn't help in my case as the issue is not the section header top padding but actually the entire List top padding. — alionthego, Sep 24 '21 at 01:49
I'm wondering if it could be related to new refresh controls added to list in iOS15 — alionthego, Sep 24 '21 at 01:52

user16930239 · Answer 1 · 2021-10-03T06:01:18.927

8

For fixing this problem you can use the headerProminence

Section("Header") {
  // some content
}
.headerProminence(.increased)

To fix the problem with table view

if #available(iOS 15.0, *)
    UITableView.appearance().sectionHeaderTopPadding = 0;

UPDATED: I think I found the solution for this specific case:

tableView.tableHeaderView = .init(frame: .init(x: 0, y: 0, width: 0, height: CGFloat.leastNonzeroMagnitude))

edited Oct 03 '21 at 06:01

answered Sep 24 '21 at 01:44

user16930239

This works for sections but doesn't help in my case as the issue is not the section header top padding but actually the entire List top padding. I tried this and made no difference. – alionthego Sep 24 '21 at 01:49
did you tried setting `tableView.sectionHeaderTopPadding = 0.0` directly? – user16930239 Sep 24 '21 at 02:00
1

what do you mean directly. I'm using swiftUI so no tableView. Just a list and no modifier for sectionHeader. That's why need to use UITableView.appearance() – alionthego Sep 24 '21 at 02:02
@alionthego OK I understand you now, I've edited my answer – user16930239 Sep 24 '21 at 02:11
This is not the solution. It's not to do with header prominence. This is the list adding a top padding. – alionthego Sep 24 '21 at 02:14
@alionthego I've added an image to show you the effect of headerProminence, please just try it out, I think it will help – user16930239 Sep 24 '21 at 02:48
I have tried and makes no difference. I still have the extra space on iOS 15 which I don’t want. It’s only at top of list. Not every section. – alionthego Sep 24 '21 at 02:55
didn't work for me either. I am using SwiftUI – Malav Soni Oct 03 '21 at 04:21
I've updated my answer, please check out out – user16930239 Oct 03 '21 at 06:02
`.headerProminence(.increased)` doesn't work for me... – Gianni Jul 15 '22 at 10:17

score 5 · Answer 2 · answered Sep 28 '21 at 14:54

5

I had a similarly frustrating issue, doing this helped me

List {
    Section(header: Text("Header")) {
        // some content
    }
}
.listStyle(PlainListStyle())

Note this changed the colours of my headers

answered Sep 28 '21 at 14:54

yawnobleix

2 Answers2