How To: Get the size of a view in SwiftUI

Published on 19 Oct 2023

Here’s how you can get the size of any view in SwiftUI using the GeometryReader.

SPONSOR

Gather user feedback and manage feature requests directly within your app. Empower users to suggest features, vote on ideas, and collaborate, all while you prioritize based on popularity.

Try For Free

The Problem

You are trying to figure out what size a certain view is.

The Solution

struct ContentView: View {
    var body: some View {
        Text("Ethan Hunt")
            .background(
                GeometryReader { proxy in
                    Color.red.onAppear {
                        print("🔥 \(proxy.size)")
                    }
                }
            )
    }
}

We are using the background modifier to fill it with the color red. By wrapping our color in a GeometryReader we are able to read the size of that color plane.

You could've alternatively also just wrapped your Text view with a GeometryReader and do the .onAppear on that Text view instead. But sometimes it's nice to see the color of the frame we are investigating for better visual debugging.

I hope you found it useful! If you have any suggestions or feedback, let me know. I’d love to hear from you!