以下是一个简单的 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 组件,可以让我们轻松获取视图的几何尺寸和位置,并在发送布局形状时自动更新视图的位置。