我想在一个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涉及到许多视图,并且需要是一个独立的结构。
您需要在要测量的框架的视图背景中使用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