Swift Academy · Lesson

GeometryReader for Adaptive Layouts

Reading parent geometry to build proportional and device-adaptive UIs.

Lesson 4 of 412 steps

GeometryReader for Adaptive Layouts is a free Swift Academy lesson on CoddyKit. This is lesson 4 of 4. Any 3 lessons of this learning path are free to read in full — after that, CoddyKit PRO unlocks every lesson, plus hands-on practice with a built-in code editor and a 24/7 AI tutor. It is part of the Swift Academy learning path, and your progress syncs across the web and the CoddyKit app. The Swift Academy course includes 4 lessons in total.

Welcome

`GeometryReader` reads the available size from the parent, letting you build layouts proportional to screen or container dimensions.

Basic Usage

```swift GeometryReader { geo in Text("Width: \(Int(geo.size.width))") .frame(width: geo.size.width * 0.8) } ```

GeometryProxy Properties

`GeometryProxy` provides: • `size: CGSize` — available width and height • `safeAreaInsets: EdgeInsets` — system safe area • `frame(in:)` — frame in a given coordinate space

Proportional Sizing

```swift GeometryReader { geo in HStack(spacing: 0) { Color.blue.frame(width: geo.size.width * 0.6) Color.green } } ```

Coordinate Spaces

```swift GeometryReader { outer in VStack { GeometryReader { inner in let f = inner.frame(in: .named("outer")) Text("y: \(Int(f.minY))") } } } .coordinateSpace(name: "outer") ```

Safe Area

```swift GeometryReader { geo in VStack { Spacer() Text("Bottom safe: \(Int(geo.safeAreaInsets.bottom))") .padding(.bottom, geo.safeAreaInsets.bottom) } } ```

Parallax Scroll Effect

```swift ScrollView { ForEach(items) { item in GeometryReader { geo in let offset = geo.frame(in: .global).minY Image(item.image).offset(y: offset * 0.3) } } } ```

Preference Keys for Layout Communication

```swift struct HeightKey: PreferenceKey { static var defaultValue: CGFloat = 0 static func reduce(value: inout CGFloat, nextValue: () -> CGFloat) { value = max(value, nextValue()) } } ``` Use to communicate child sizes up the view hierarchy.

When to Avoid GeometryReader

`GeometryReader` defaults to filling all available space — it can break layouts if used carelessly. Prefer `.frame(maxWidth:.infinity)` and flexible stacks when possible.

Alternative: Layout Protocol

Swift 5.7+ introduced the `Layout` protocol for fully custom layout algorithms without GeometryReader overhead.

Quick Check

What does `GeometryProxy.size` contain?

Answer it in the interactive lesson

Recap

Key takeaways: • `GeometryReader { geo in }` reads parent-offered size • `geo.size` — width/height; `geo.safeAreaInsets` — system insets • `frame(in:)` — position in a named or global coordinate space • Use PreferenceKeys to communicate sizes upward • Prefer flexible layouts over GeometryReader when possible Course complete! Next: SwiftUI Data Flow.

Free to start

Learn Swift with an AI tutor — free

Write and run real code in your browser, get instant help from a 24/7 AI tutor, and pick up where you left off on the web or in the app.

Courses: 122
Lessons: 409

Start learning free View the full course

Frequently Asked Questions

Is the “GeometryReader for Adaptive Layouts” lesson free?

Yes — any 3 lessons of the Swift Academy learning path, including “GeometryReader for Adaptive Layouts”, are free to read in full here on the web. After that, CoddyKit PRO unlocks every lesson, plus interactive practice with a built-in code editor and a 24/7 AI tutor. The Swift Academy course includes 4 lessons in total.

What will I learn in “GeometryReader for Adaptive Layouts”?

Reading parent geometry to build proportional and device-adaptive UIs. You practise Swift Academy with hands-on code you run directly in the browser, and a 24/7 AI tutor answers your questions as you work through the lesson.

Do I need any experience to start Swift Academy?

No prior experience is required. Swift Academy on CoddyKit is structured for beginners through advanced learners, so you can start here or from the beginning and move at your own pace. This is lesson 4 of 4.

How long does the “GeometryReader for Adaptive Layouts” lesson take?

Most CoddyKit lessons take about 5–10 minutes. Each one is bite-sized and interactive, so you make steady progress and pick up exactly where you left off across the web and the app.

Can I write and run code in this Swift Academy lesson?

Yes. Every Swift Academy lesson includes a built-in code editor, so you write and run real code right in your browser and get instant AI feedback — no local setup required.

All lessons in this course

← Back to Swift Academy