使GeometryReader适合抽屉内容

GeometryReader 是 SwiftUI 中的一个视图容器，它允许你根据其子视图的几何形状来调整布局。当你想要根据屏幕的某个部分（如抽屉）的大小来调整内容时，GeometryReader 非常有用。

基础概念

GeometryReader 提供了一个闭包，该闭包接收一个 GeometryProxy 对象作为参数。GeometryProxy 包含了关于其子视图的几何信息，如大小、位置等。

类型与应用场景

类型：GeometryReader 是一个视图容器，用于包裹其他视图。
应用场景：
- 抽屉式导航菜单。
- 响应式布局，根据屏幕大小调整元素间距或大小。
- 自定义弹出窗口或提示框的大小和位置。

示例代码

假设我们想要创建一个抽屉式侧边栏，其宽度为屏幕宽度的三分之一，并且内容能够根据这个宽度动态调整。

import SwiftUI

struct ContentView: View {
    var body: some View {
        GeometryReader { geometry in
            HStack(spacing: 0) {
                // 抽屉侧边栏
                SidebarView()
                    .frame(width: geometry.size.width * 0.33)
                    .background(Color.gray.opacity(0.2))
                
                // 主要内容区域
                MainContentView()
                    .frame(maxWidth: .infinity)
            }
            .edgesIgnoringSafeArea(.all)
        }
    }
}

struct SidebarView: View {
    var body: some View {
        VStack {
            Text("侧边栏")
                .font(.headline)
                .padding()
            // 其他侧边栏内容...
        }
    }
}

struct MainContentView: View {
    var body: some View {
        VStack {
            Text("主要内容区域")
                .font(.largeTitle)
                .padding()
            // 其他主要内容...
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}