SwiftUI - 如何從不同的視圖中獲取 GeometryReader 大小/高度？

Question

如何從另一個視圖訪問視圖的大小？

為了獲得“ Hello world! ”文本的高度，我將GeometryReader的.background()附加到它上面。 現在，我只是使用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)") 
        }
    }
}

結果：