Replace GeometryReader with iOS 17+ containerRelativeFrame to achieve the 0.5 width.

jaclync · jaclync · commit a0e237409ffc · 2025-02-11T10:41:08.000+08:00
diff --git a/WooCommerce/Classes/POS/Presentation/CardReaderConnection/UI States/Reader Messages/PointOfSalePaymentSuccessView.swift b/WooCommerce/Classes/POS/Presentation/CardReaderConnection/UI States/Reader Messages/PointOfSalePaymentSuccessView.swift
@@ -42,14 +42,12 @@ struct PointOfSalePaymentSuccessView: View {
                             }
                         }
 
-                        GeometryReader { geometry in
-                            PaymentsActionButtons(isShowingSendReceiptView: $isShowingSendReceiptView,
-                                               isShowingReceiptNotEligibleBanner: $isShowingReceiptNotEligibleBanner)
-                                .frame(width: geometry.size.width / 2)
-                                .frame(maxWidth: .infinity, alignment: .center)
-                                .offset(y: isViewLoaded ? 0 : -Constants.animationOffset)
-                                .opacity(isViewLoaded ? 1 : 0)
-                        }
+                        PaymentsActionButtons(isShowingSendReceiptView: $isShowingSendReceiptView,
+                                              isShowingReceiptNotEligibleBanner: $isShowingReceiptNotEligibleBanner)
+                        .containerRelativeFrame(.horizontal, count: 2, span: 1, spacing: 0)
+                        .frame(maxWidth: .infinity, alignment: .center)
+                        .offset(y: isViewLoaded ? 0 : -Constants.animationOffset)
+                        .opacity(isViewLoaded ? 1 : 0)
                     }
                     .multilineTextAlignment(.center)
 

Original file line number	Diff line number	Diff line change
`@@ -42,14 +42,12 @@ struct PointOfSalePaymentSuccessView: View {`
`42`	`42`	`}`
`43`	`43`	`}`
`44`	`44`
`45`		`- GeometryReader { geometry in`
`46`		`- PaymentsActionButtons(isShowingSendReceiptView: $isShowingSendReceiptView,`
`47`		`- isShowingReceiptNotEligibleBanner: $isShowingReceiptNotEligibleBanner)`
`48`		`- .frame(width: geometry.size.width / 2)`
`49`		`- .frame(maxWidth: .infinity, alignment: .center)`
`50`		`- .offset(y: isViewLoaded ? 0 : -Constants.animationOffset)`
`51`		`- .opacity(isViewLoaded ? 1 : 0)`
`52`		`- }`
	`45`	`+ PaymentsActionButtons(isShowingSendReceiptView: $isShowingSendReceiptView,`
	`46`	`+ isShowingReceiptNotEligibleBanner: $isShowingReceiptNotEligibleBanner)`
	`47`	`+ .containerRelativeFrame(.horizontal, count: 2, span: 1, spacing: 0)`
	`48`	`+ .frame(maxWidth: .infinity, alignment: .center)`
	`49`	`+ .offset(y: isViewLoaded ? 0 : -Constants.animationOffset)`
	`50`	`+ .opacity(isViewLoaded ? 1 : 0)`
`53`	`51`	`}`
`54`	`52`	`.multilineTextAlignment(.center)`
`55`	`53`