SwiftUI GeometryReader 组件的使用代码演示

13 min read

以下是一个简单的 SwiftUI GeometryReader 组件的使用代码演示:

import SwiftUI

struct ContentView: View {
    var body: some View {
        VStack {
            Text("Hello, GeometryReader!")
                .font(.headline)
            
            GeometryReader { geo in
                Text("Width: \(geo.size.width)")
                    .foregroundColor(.white)
                    .padding()
                    .background(Color.blue)
            }
        }
    }
}

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

在此代码中,我们使用了一个垂直方向的 VStack 和一个包含 GeometryReader 的文本视图。GeometryReader 的闭包中,我们创建了一个包含设备屏幕宽度大小的文本视图,并在其中设置了文字颜色、间距和背景颜色等属性。

以这种方式使用 GeometryReader 组件,可以让我们轻松获取视图的几何尺寸和位置,并在发送布局形状时自动更新视图的位置。