How to remove bottom padding of List and ScrollView in SwiftUI

Question

I'd like to remove bottom padding, the white space between the red space. Is there any way to achieve it?

Test Code:

struct ContentView: View {
    var body: some View {
        return NavigationView {
            VStack {
                // the same result with using List instead of ScrollView
                ScrollView {
                    ForEach(1..<100) { index in
                        HStack {
                            Spacer()
                            Text("\(index)")
                            Spacer()
                        }
                    }
                }.background(Color.red)
                HStack {
                    Spacer()
                    Text("Test")
                    Spacer()
                }
                .background(Color.red)
            }
            .navigationBarTitle(Text("Test"), displayMode: .inline)
        }
    }
}

score 7 · Accepted Answer · answered Sep 23 '20 at 07:29

7

You have to pass 0 for no spacing. By default it takes default space based on context

VStack(spacing: 0) {

   // the same result with using List instead of ScrollView
   ScrollView {

   .........
}

answered Sep 23 '20 at 07:29

Kishan Bhatiya

2,175
8
14

1

I tried this and this isn’t the case? There’s still a gap between the bottom of the List view and the next view whether or not it’s embedded in a VStack with 0 spacing. See here because I’m trying to solve something similar. https://stackoverflow.com/questions/67579763/how-to-have-2x2-made-of-squares-fit-screen-in-swiftui – Petesta May 18 '21 at 21:03

score 0 · Answer 2 · answered Feb 09 '22 at 09:31

Just use GeometryReader

@State var contentSize: CGSize = .zero

ScrollView {
    YourContentView()
        .overlay(
            GeometryReader { geo in
                Color.clear.onAppear {
                    contentSize = geo.size
                }
            }
        )
}
.frame(maxWidth: .infinity, maxHeight: contentSize.height)

How to remove bottom padding of List and ScrollView in SwiftUI

2 Answers2

Linked