⚠️ AI 生成内容，已经人工校对，请仔细甄别阅读

SwiftUI 中 TabView 的 GeometryReader 为什么用 background 不生效？ ​

在 SwiftUI 中，很多人会用 GeometryReader 获取视图的尺寸信息。但如果你在 TabView 的子视图里用 .background(GeometryReader { ... })，你会发现它经常拿不到正确的 size，甚至根本不触发布局。这是为什么？

原因分析 ​

猜测：

• background 修饰符会把内容渲染在视图“后面”，但 TabView 的内容在切换时会被特殊处理（比如懒加载、只渲染当前页等），导致 background 里的 GeometryReader 可能不会被布局系统调用，或者拿到的 size 不是你期望的。
• overlay 修饰符则会把内容渲染在视图“上面”，此时 GeometryReader 能拿到父视图的真实布局信息，因为 overlay 总是参与布局计算。

正确做法 ​

在 TabView（尤其是 .tabViewStyle(.page) 或 .pageTabViewStyle()）中，想要获取当前页的尺寸，应该用 overlay 包裹 GeometryReader。

.overlay(
    GeometryReader { geometry in
        Color.clear
            .preference(key: HeightPreferenceKey.self, value: geometry.size.height)
    }
)

.overlay(
    GeometryReader { geometry in
        Color.clear
            .preference(key: HeightPreferenceKey.self, value: geometry.size.height)
    }
)