SwiftUI - How to get GeometryReader size/height from different View?

Question

How can I access the size of a View from another View?

To get the height of the "Hello world!" text, I attached a .background() of GeometryReader to it. For now, I'm just printing the height using let _ = print(proxy.size.height).

struct ContentView: View {
    var body: some View {
        VStack {
            Text("Hello world!")
                .background(
                    GeometryReader { proxy in
                        Color.clear /// placeholder
                        let _ = print(proxy.size.height) /// 20.333333333333332
                    }
                )
            
            Text("Height of first text is ???")
        }
    }
}

Result:

I now want to replace ??? with the height of the "Hello world!". How can I do this?

Similar question: stackoverflow.com/a/59733037/14351818

aheze
– aheze

2021-12-04 20:42:14 +00:00
Commented Dec 4, 2021 at 20:42 — aheze
– aheze, Commented Dec 4, 2021 at 20:42

aheze · Accepted Answer · 2021-04-25 19:34:58Z

6

You can:

Make a @State property to store the height
Set it using an .onAppear { attached to Color.clear
Replace ??? with \(textHeight)

struct ContentView: View {
    @State var textHeight = CGFloat(0) /// 1.

    var body: some View {
        VStack {
            Text("Hello world!")
                .background(
                    GeometryReader { proxy in
                        Color.clear
                            .onAppear { /// 2.
                                textHeight = proxy.size.height
                            }
                    }
                )
                                          /// 3.
            Text("Height of first text is \(textHeight)") 
        }
    }
}

Result:

answered Apr 25, 2021 at 19:34

aheze

31.5k12 gold badges107 silver badges159 bronze badges

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

2 Comments

aheze Over a year ago

onAppear is only called when it appears, so it doesn't handle orientation changes.

aheze Over a year ago

I spoke to an Apple engineer during WWDC21 and they said that to handle orientation, attach a .onChange.

Collectives™ on Stack Overflow

SwiftUI - How to get GeometryReader size/height from different View?

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related