SwiftUI：如何在动态列表或LazyVStack中获得视图的框架

Question

我想在一个LazyvStack中得到一个视图的框架。嵌入在ScrollView中的LazyVStack显示聊天消息（文本和图像）。

因为内容的大小是动态的，所以我不能使用GeometryReader代理。在我的LazyVStack中放一个GeometryReader会破坏布局。（我想是因为动态尺寸。）。

有没有其他方法来获得LazyvStack中视图的框架？

下面是我想做的一个简单的表示。理想情况下，我希望在MessageView中有一个GeometryReader，但这会弄乱垂直间距。

struct ChatView: View {
    var body: some View {
        GeometryReader { geometry in
            ScrollView {
                LazyVStack {
                    ForEach(messages, id: \.id) { message in
                        MessageView(message: message)
                    }
                }
            }
        }
    }
}

struct MessageView: View {
    
    var message: Message
    
    var body: some View {
        // GeometryReader here is not possible with dynamic row heights
        if message.text != nil {
            Text(message.text!)
        } else if message.imageData != nil {
            Image(uiImage: UIImage(data: message.imageData!))  // <-- Get frame of this Image
        }
    }
}

将MessageView结合到ChatView中是不可取的，因为MessageView涉及到许多视图，并且需要是一个独立的结构。

Answer 1

您需要在要测量的框架的视图背景中使用GeometryReader，例如

var body: some View {
    if message.text != nil {
        Text(message.text!)
    } else if message.imageData != nil {
        Image(uiImage: UIImage(data: message.imageData!))
          .background(GeometryReader { gp in
             // gp.frame(in: .global)   // << eg. frame in global coordinates
          })
    }
}

另见https://stackoverflow.com/A/62466397/12299030