SwiftUI - 如何从不同的视图中获取 GeometryReader 的大小/高度？

Question

如何从另一个视图访问一个视图的大小？

为了获得“Hello world!”文本的高度，我在其上附加了 .background() 或 GeometryReader。目前，我只是使用let _ = print(proxy.size.height) 打印高度。

struct ContentView: View {
    var body: some View {
        VStack {
            Text("Hello world!")
                .background(
                    GeometryReader { proxy in
                        Color.clear /// placeholder
                        let _ = print(proxy.size.height) /// 20.333333333333332
                    }
                )
            
            Text("Height of first text is ???")
        }
    }
}

结果：

我现在想用“Hello world!”的高度替换???。我该怎么做？

Answer 1

你可以：

1. 创建一个@State 属性来存储高度
2. 使用附加到Color.clear 的.onAppear { 设置它
3. 将??? 替换为\(textHeight)

struct ContentView: View {
    @State var textHeight = CGFloat(0) /// 1.

    var body: some View {
        VStack {
            Text("Hello world!")
                .background(
                    GeometryReader { proxy in
                        Color.clear
                            .onAppear { /// 2.
                                textHeight = proxy.size.height
                            }
                    }
                )
                                          /// 3.
            Text("Height of first text is \(textHeight)") 
        }
    }
}

结果：