SwiftUI:如何在父 View 的中心叠加图像？

Question

我有一张图片要放在现有 View 上。它左对齐/领先，但我希望它居中在屏幕上(或鲑鱼色区域)。

这是我的代码:

struct LeaderBoard: View {
    @State var shouldDisplayOverLay = true
    var body: some View {
        ZStack {
            VStack(alignment: .center) {
                Text("Daily Dashboard")
                    .font(.subheadline)
                Color.darkSalmon
                Spacer()
                HStack {
                    Text("Exercise")
                    Text("Sleep (in hours):")
                    Text("Weight") // red if lower more than a pound, yellow if less than pound, green if same or higher
                }
                .font(.caption)
                Spacer()
            }
            Image("Leader-1024")
                .resizable()
                .scaledToFit()
                .modifier(InsetViewModifier())
        }
    }
}


struct InsetViewModifier: ViewModifier {
    func body(content: Content) -> some View {
        GeometryReader { proxy in
            content
                .frame(width: proxy.size.width * 0.8, height: proxy.size.height * 0.8, alignment: .center)
        }
    }
}

Answer 1

GeometyReader 没有自己的对齐方式，所以解决方案可以是在修改器中嵌入一些堆栈(因为它们都默认具有 .center 对齐方式):

struct InsetViewModifier: ViewModifier {
    func body(content: Content) -> some View {
        GeometryReader { proxy in
            VStack {
                content
                    .frame(width: proxy.size.width * 0.8, height: proxy.size.height * 0.8, alignment: .center)
            }
            .frame(maxWidth: .infinity, maxHeight: .infinity)
        }
    }
}

和一些复制的演示