[Android] androidOverflowInset listener is lost after the native view is recreated #11460

--- a/packages/core/ui/core/view/index.android.ts
+++ b/packages/core/ui/core/view/index.android.ts
@@ -860,6 +860,14 @@ export class View extends ViewCommon {
 				this.layoutChangeListener = null;
 			}
 		}
+		if (this.insetListenerIsSet) {
+			// Mark the listener as needed so initNativeView() attaches it to the new native view.
+			this.insetListenerIsSet = false;
+			this.needsInsetListener = true;
+			if (this.nativeViewProtected && (this.nativeViewProtected as any).setInsetListener) {
+				(this.nativeViewProtected as any).setInsetListener(null);
+			}
+		}
 		super.disposeNativeView();
 	}

--- a/packages/core/ui/core/view/index.android.ts
+++ b/packages/core/ui/core/view/index.android.ts
@@ -601,7 +601,6 @@ export class View extends ViewCommon {
 	private layoutChangeListener: android.view.View.OnLayoutChangeListener;
 	private _rootManager: androidx.fragment.app.FragmentManager;
 	private insetListenerIsSet: boolean;
-	private needsInsetListener: boolean;
 
 	nativeViewProtected: android.view.View;
 
@@ -670,9 +669,6 @@ export class View extends ViewCommon {
 				);
 				this.insetListenerIsSet = true;
 			}
-			this.needsInsetListener = false;
-		} else {
-			this.needsInsetListener = true;
 		}
 	}
 
@@ -837,7 +833,7 @@ export class View extends ViewCommon {
 			this.setOnLayoutChangeListener();
 		}
 
-		if (!this.insetListenerIsSet && this.needsInsetListener) {
+		if (!this.insetListenerIsSet && this.hasListeners(ViewCommon.androidOverflowInsetEvent)) {
 			this.setInsetListener();
 		}
 	}
@@ -860,6 +856,12 @@ export class View extends ViewCommon {
 				this.layoutChangeListener = null;
 			}
 		}
+		if (this.insetListenerIsSet) {
+			this.insetListenerIsSet = false;
+			if (this.nativeViewProtected && (this.nativeViewProtected as any).setInsetListener) {
+				(this.nativeViewProtected as any).setInsetListener(null);
+			}
+		}
 		super.disposeNativeView();
 	}

--- a/apps/toolbox/src/pages/ete.ts
+++ b/apps/toolbox/src/pages/ete.ts
@@ -47,6 +47,8 @@ export class ETEData extends Observable {
 	}
 
 	padding = '0';
+	insetEvents = 0;
+	insetInfo = 'androidOverflowInset: no events';
 
 	inset = {
 		top: 0,
@@ -67,8 +69,11 @@ export class ETEData extends Observable {
 		this.inset.left = args.inset.left;
 		this.inset.right = args.inset.right;
 		this.inset.bottom = args.inset.bottom;
-		this.padding = `${this.inset.top}px ${this.inset.right}px ${this.inset.bottom}px ${this.inset.left}px`;
-		this.set('padding', this.padding);
+		this.set('insetEvents', this.insetEvents + 1);
+		this.set('insetInfo', `androidOverflowInset #${this.insetEvents}: top ${this.inset.top}px, bottom ${this.inset.bottom}px`);
+		if (this.overflowManual) {
+			this.set('padding', `${this.inset.top}px ${this.inset.right}px ${this.inset.bottom}px ${this.inset.left}px`);
+		}
 	}
 
 	toggleManualInsets(args) {
@@ -77,7 +82,9 @@ export class ETEData extends Observable {
 		this.overflowManual = !this.overflowManual;
 		page.off(View.androidOverflowInsetEvent, this.onInset, this);
 		page.on(View.androidOverflowInsetEvent, this.onInset, this);
-		this.overflowManual ? (this.padding = '0') : (this.padding = `${this.inset.top}px ${this.inset.right}px ${this.inset.bottom}px ${this.inset.left}px`);
+		if (!this.overflowManual) {
+			this.set('padding', '0');
+		}
 		page.androidOverflowEdge = this.overflowManual ? 'dont-apply' : 'none';
 	}
 }
--- a/apps/toolbox/src/pages/ete.xml
+++ b/apps/toolbox/src/pages/ete.xml
@@ -10,6 +10,7 @@
        <Button tap="{{randomColor}}" text="Update BG to a random color" />
        <Button tap="{{toggleOverflowTopBottom}}" text="Toggle Overflow Top and Bottom" />
        <Button tap="{{toggleManualInsets}}" text="Toggle manual overflow handling" />
+       <Label text="{{ insetInfo }}" textWrap="true" textAlignment="center" padding="16" />
       </StackLayout>
     </ScrollView>
 </Page>