Priority between a custom alignment guide and a Spacer in SwiftUI - swiftui

Question

Does anyone know if it is possible to set some kind of priority of a custom alignment guide?
I have a VStack where one of the items is an image(QR code) that is centered to "background view" outside the VStack with a custom alignment guide. (See picture)
Image with QR code centered on the screen
My problem is that I want this custom alignment guide to only apply if the all items in the VStack fits in the screen. The Spacer does not seams to have any effect when I center the image with the custom alignment guide. I have tried to set layout priority but with no success.
extension VerticalAlignment {
private enum CenterAztecImage: AlignmentID {
static func defaultValue(in context: ViewDimensions) -> CGFloat {
return context[VerticalAlignment.center]
}
}
static let centerAztecImage = VerticalAlignment(CenterAztecImage.self)
}
struct InactiveTicketSwiftUIView<ViewModel>: View where ViewModel: InactiveTicket {
#ObservedObject var viewModel: ViewModel
var body: some View {
ZStack(alignment: Alignment(horizontal: .center, vertical: .centerAztecImage)) {
viewModel.backgroundColor
.ignoresSafeArea()
.alignmentGuide(.centerAztecImage) { d in
d[VerticalAlignment.centerAztecImage]
}
VStack {
VStack {
viewModel.priceCategoryColor.frame(height: 16.0)
HStack {
Text(viewModel.priceCategory).padding()
Spacer()
viewModel.operatorImage.padding()
}
Divider()
// Here is the image that is centered with a custom alignment guide
viewModel.fakeAztecImage
.resizable()
.frame(width: 224, height: 224, alignment: .leading)
.aspectRatio(contentMode: .fit)
.padding()
.alignmentGuide(.centerAztecImage, computeValue: { d in
return d[VerticalAlignment.center]
})
Divider()
// Multiple Text views for testing
Text(viewModel.type).padding()
Text(viewModel.type).padding()
Text(viewModel.type).padding()
Text(viewModel.type).padding()
Text(viewModel.type).padding()
}
.frame(width: 320.0, alignment: .center)
.background(.white)
.cornerRadius(12)
.shadow(color: .gray.opacity(0.5), radius: 12, x: 0, y: 4)
// This Spacer seams to be allways be "overriden" by the custom alignment guide that centers the image
Spacer(minLength: 20).layoutPriority(1)
}
}
}
}