GeometryReader Spacing inside ScrollView

Question

I have a view like this:

ScrollView {
    GeometryReader { proxy in
        Color.red
    }
    .frame(height: 0)
    Group {
        Text("B")
            .background(Color.blue)
    }
}

There is a spacing between GeometryReader and the Group. Can we remove that spacing without setting some hardcode padding value? I tried setting frame(height: 0) to that Color.red as well, but that spacing is still there. My goal is to observe the offset change, I followed this tutorial https://www.fivestars.blog/articles/scrollview-offset/, but I don't know why we need to put .padding(.top, -8).

ScrollView { VStack(spacing: 0) { } }

Nhat Nguyen Duc
– Nhat Nguyen Duc

2022-10-19 08:59:09 +00:00
Commented Oct 19, 2022 at 8:59 — Nhat Nguyen Duc
– Nhat Nguyen Duc, Commented Oct 19, 2022 at 8:59

Nhat Nguyen Duc · Accepted Answer · 2022-10-19 09:24:32Z

1

You can use a VStack to customize the spacing:

ScrollView { 
    VStack(spacing: 0) {
        ... 
    } 
}

answered Oct 19, 2022 at 9:24

Nhat Nguyen Duc

4752 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

GeometryReader Spacing inside ScrollView

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related