1

我想请你帮忙。我正在尝试使用几何体捕获VStack 高度，然后基于该VStack 高度值，计算其子元素的高度（在 VStack 内）。

我当前的 VStack 视图的图像

我在VStack之外使用 .frame 来填充整个屏幕。然后我用.borde r 目视检查它是否真的填满了屏幕（它工作正常）

.frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: .infinity, alignment: Alignment.topLeading)

问题可以在 VStack 内部看到，高度显示为 GCFloat 734。即使边框大小要大得多。

struct BodyView: View {
    @State var stackHeight : CGFloat = 0

    var body: some View {
        GeometryReader { geometry in
            VStack {
                Text("VStack size: \(self.stackHeight)")
                    .bold()
                    .frame(maxWidth: .infinity, alignment: .leading)
                    .padding(.horizontal)
                    .background(Color.green)

            }
            .frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: .infinity, alignment: Alignment.topLeading)
            .onAppear{
                self.stackHeight = geometry.size.height
            }
            .border(Color.purple, width: 5)
        }
    }
}

struct BodyView_Previews: PreviewProvider {
    static var previews: some View {
        BodyView()
    }
}

加载完成后如何捕获 VStack 的实际大小？
当我触发（onAppear）时，VStack 高度显示正确，但是我需要立即捕获它。

4

1 回答 1

2

如果我理解你的问题，你就非常接近了——你只需要使用GeometryProxy输入：

import SwiftUI

struct BodyView: View {

    var body: some View {
        GeometryReader { geometry in
            VStack {
                Text("VStack size: \(geometry.size.height)") // no need for state var anymore
                    .bold()
                    .frame(maxWidth: .infinity, alignment: .leading)
                    .padding(.horizontal)
                    .background(Color.green)
            }
            .frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: .infinity, alignment: Alignment.topLeading)
            .border(Color.purple, width: 5)
        }
    }
}

struct BodyView_Previews: PreviewProvider {
    static var previews: some View {
        BodyView()
    }
}

如果它的大小发生变化， AGeometryReader将重新布局。

于 2020-04-01T15:43:43.263 回答