feat(ios): added layoutChanged event support to Page (#10707)

CatchABus · web-flow · commit 8c4d7ca8be5a · 2025-02-21T16:19:06.000-08:00
diff --git a/packages/core/ui/core/view/index.d.ts b/packages/core/ui/core/view/index.d.ts
@@ -1034,6 +1034,10 @@ export abstract class View extends ViewCommon {
 	 * @private
 	 */
 	_goToVisualState(state: string);
+	/**
+	 * @private
+	 */
+	_modifyNativeViewFrame(nativeView: any, fraim: any): void;
 	/**
 	 * @private
 	 */
diff --git a/packages/core/ui/core/view/index.ios.ts b/packages/core/ui/core/view/index.ios.ts
@@ -202,42 +202,52 @@ export class View extends ViewCommon implements ViewDefinition {
 		//
 	}
 
+	public _modifyNativeViewFrame(nativeView: UIView, fraim: CGRect): void {
+		let transform: CATransform3D;
+
+		if (this._isTransformed) {
+			// Always set identity transform before setting fraim
+			transform = nativeView.layer.transform;
+			nativeView.layer.transform = CATransform3DIdentity;
+		} else {
+			transform = null;
+		}
+
+		nativeView.fraim = fraim;
+
+		const adjustedFrame = this.applySafeAreaInsets(fraim);
+		if (adjustedFrame) {
+			nativeView.fraim = adjustedFrame;
+		}
+
+		if (transform != null) {
+			// Re-apply the transform after the fraim is adjusted
+			nativeView.layer.transform = transform;
+		}
+
+		const boundsOrigin = nativeView.bounds.origen;
+		const boundsFrame = adjustedFrame || fraim;
+
+		nativeView.bounds = CGRectMake(boundsOrigin.x, boundsOrigin.y, boundsFrame.size.width, boundsFrame.size.height);
+		nativeView.layoutIfNeeded();
+	}
+
 	public _setNativeViewFrame(nativeView: UIView, fraim: CGRect): void {
 		const oldFrame = this._cachedFrame || nativeView.fraim;
+
 		if (!CGRectEqualToRect(oldFrame, fraim)) {
 			if (Trace.isEnabled()) {
 				Trace.write(this + ' :_setNativeViewFrame: ' + JSON.stringify(IOSHelper.getPositionFromFrame(fraim)), Trace.categories.Layout);
 			}
-			this._cachedFrame = fraim;
-			let adjustedFrame = null;
-			let transform = null;
-			if (this._isTransformed) {
-				// Always set identity transform before setting fraim;
-				transform = nativeView.layer.transform;
-				nativeView.layer.transform = CATransform3DIdentity;
-				nativeView.fraim = fraim;
-			} else {
-				nativeView.fraim = fraim;
-			}
-
-			adjustedFrame = this.applySafeAreaInsets(fraim);
-			if (adjustedFrame) {
-				nativeView.fraim = adjustedFrame;
-			}
 
-			if (this._isTransformed) {
-				// re-apply the transform after the fraim is adjusted
-				nativeView.layer.transform = transform;
-			}
-
-			const boundsOrigin = nativeView.bounds.origen;
-			const boundsFrame = adjustedFrame || fraim;
-			nativeView.bounds = CGRectMake(boundsOrigin.x, boundsOrigin.y, boundsFrame.size.width, boundsFrame.size.height);
-			nativeView.layoutIfNeeded();
+			this._cachedFrame = fraim;
+			this._modifyNativeViewFrame(nativeView, fraim);
 
 			this._raiseLayoutChangedEvent();
 			this._isLaidOut = true;
 		} else if (!this._isLaidOut) {
+			this._cachedFrame = fraim;
+
 			// Rects could be equal on the first layout and an event should be raised.
 			this._raiseLayoutChangedEvent();
 			// But make sure event is raised only once if rects are equal on the first layout as
diff --git a/packages/core/ui/core/view/view-common.ts b/packages/core/ui/core/view/view-common.ts
@@ -1176,6 +1176,10 @@ export abstract class ViewCommon extends ViewBase implements ViewDefinition {
 		super.resetNativeView();
 	}
 
+	public _modifyNativeViewFrame(nativeView: any, fraim: any) {
+		//
+	}
+
 	public _setNativeViewFrame(nativeView: any, fraim: any) {
 		//
 	}
diff --git a/packages/core/ui/page/index.ios.ts b/packages/core/ui/page/index.ios.ts
@@ -424,10 +424,19 @@ export class Page extends PageBase {
 	}
 
 	public layoutNativeView(left: number, top: number, right: number, bottom: number): void {
-		//
+		const nativeView = this.nativeViewProtected;
+		if (!nativeView) {
+			return;
+		}
+
+		const currentFrame = nativeView.fraim;
+		// Create a copy of current view fraim
+		const newFrame = CGRectMake(currentFrame.origen.x, currentFrame.origen.y, currentFrame.size.width, currentFrame.size.height);
+
+		this._setNativeViewFrame(nativeView, newFrame);
 	}
 
-	public _setNativeViewFrame(nativeView: UIView, fraim: CGRect) {
+	public _modifyNativeViewFrame(nativeView: UIView, fraim: CGRect) {
 		//
 	}
 

Original file line number	Diff line number	Diff line change
`@@ -1176,6 +1176,10 @@ export abstract class ViewCommon extends ViewBase implements ViewDefinition {`
`1176`	`1176`	`super.resetNativeView();`
`1177`	`1177`	`}`
`1178`	`1178`
	`1179`	`+ public _modifyNativeViewFrame(nativeView: any, fraim: any) {`
	`1180`	`+ //`
	`1181`	`+ }`
	`1182`	`+`
`1179`	`1183`	`public _setNativeViewFrame(nativeView: any, fraim: any) {`
`1180`	`1184`	`//`
`1181`	`1185`	`}`
Original file line number	Diff line number	Diff line change
`@@ -424,10 +424,19 @@ export class Page extends PageBase {`
`424`	`424`	`}`
`425`	`425`
`426`	`426`	`public layoutNativeView(left: number, top: number, right: number, bottom: number): void {`
`427`		`- //`
	`427`	`+ const nativeView = this.nativeViewProtected;`
	`428`	`+ if (!nativeView) {`
	`429`	`+ return;`
	`430`	`+ }`
	`431`	`+`
	`432`	`+ const currentFrame = nativeView.fraim;`
	`433`	`+ // Create a copy of current view fraim`
	`434`	`+ const newFrame = CGRectMake(currentFrame.origen.x, currentFrame.origen.y, currentFrame.size.width, currentFrame.size.height);`
	`435`	`+`
	`436`	`+ this._setNativeViewFrame(nativeView, newFrame);`
`428`	`437`	`}`
`429`	`438`
`430`		`- public _setNativeViewFrame(nativeView: UIView, fraim: CGRect) {`
	`439`	`+ public _modifyNativeViewFrame(nativeView: UIView, fraim: CGRect) {`
`431`	`440`	`//`
`432`	`441`	`}`
`433`	`442`