SwiftUI ScrollView content height

Question

I have a problem trying to determine the height of a view inside a ScrollView

struct ContentView: View {    
    var body: some View {
        ScrollView{
             GeometryReader { geometry in
                   VStack{
                        ForEach(0..<90) { index in
                             Text("test \(geometry.size.height)")
                        }
                   }
             }
        }
    }
}

geometry.size.height is always 10.000.

how can i correct this unexpected result?

Thanks so much!

What were you expecting?

vacawama
– vacawama

2020-10-18 20:49:44 +00:00
Commented Oct 18, 2020 at 20:49 — vacawama
– vacawama, Commented Oct 18, 2020 at 20:49
90 line of text >450 ... thanks!

Stefano Vet
– Stefano Vet

2020-10-18 21:01:08 +00:00
Commented Oct 18, 2020 at 21:01 — Stefano Vet
– Stefano Vet, Commented Oct 18, 2020 at 21:01

vacawama · Accepted Answer · 2020-10-18 21:08:34Z

2

I'm not sure where you're going with this.

GeometryReader reads the size offered to the view, not the size of the view. You can find out how big the view is by putting a GeometryReader in an .overlay of the VStack, because by the time the overlay is created, the size of the VStack will have been established and that size will be offered to the overlay.

struct ContentView: View {
    var body: some View {
        ScrollView{
           VStack{
                ForEach(0..<90) { index in
                     Text("test 000000000000")
                         .opacity(0)
                }
           }
           .overlay(
                GeometryReader { geometry in
                    VStack {
                        ForEach(0..<90) { index in
                            Text("test \(geometry.size.height)")
                        }
                    }
                }
           )
        }
    }
}

answered Oct 18, 2020 at 21:08

vacawama

155k32 gold badges283 silver badges315 bronze badges

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

1 Comment

vacawama Over a year ago

@Mofawaw, the OP indicated in the comments above that they expected 90 lines of text >450 which is why the view is repeated in the .overlay.

Collectives™ on Stack Overflow

SwiftUI ScrollView content height

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related