From 43c860d5a8e6c27a54e6fdbe4fc5f42c451242ed Mon Sep 17 00:00:00 2001
From: Nathan Walker <walkerrunpdx@gmail.com>
Date: Mon, 10 Feb 2025 14:39:49 -0800
Subject: [PATCH 1/2] feat(action-bar): iosLargeTitle and iosShadow attributes

Allows setting prefersLargeTitles as well as hiding the shadow/bottom shadow border on the ActionBar. Changes no current defaults, just extra options to customize.
---
 apps/toolbox/src/app.css                        |  2 +-
 apps/toolbox/src/main-page.xml                  |  6 +++---
 apps/toolbox/src/pages/winter-tc.xml            |  9 ++++++---
 .../core/ui/action-bar/action-bar-common.ts     | 10 ++++++++++
 packages/core/ui/action-bar/index.ios.ts        | 17 ++++++++++++-----
 .../core/ui/animation/animation-interfaces.ts   |  2 +-
 6 files changed, 33 insertions(+), 13 deletions(-)

diff --git a/apps/toolbox/src/app.css b/apps/toolbox/src/app.css
index 2f867d7504..cc9cdcc3f2 100644
--- a/apps/toolbox/src/app.css
+++ b/apps/toolbox/src/app.css
@@ -10,7 +10,7 @@ Button {
 }
 .btn-view-demo {
   /* background-color: #65ADF1; */
-  border-radius: 5;
+  border-radius: 8;
   font-size: 17;
   padding: 15;
   font-weight: bold;
diff --git a/apps/toolbox/src/main-page.xml b/apps/toolbox/src/main-page.xml
index b8c6b8badc..d166017292 100644
--- a/apps/toolbox/src/main-page.xml
+++ b/apps/toolbox/src/main-page.xml
@@ -1,11 +1,11 @@
 <Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="navigatingTo" class="page">
   <Page.actionBar>
-    <ActionBar title="Dev Toolbox" icon="" class="action-bar">
+    <ActionBar title="Dev Toolbox" icon="" class="action-bar" iosLargeTitle="true" iosShadow="false">
     </ActionBar>
   </Page.actionBar>
-  <StackLayout class="p-20">
+  <StackLayout>
     <ScrollView class="h-full">
-      <StackLayout>
+      <StackLayout class="p-20" paddingBottom="40" iosOverflowSafeArea="false">
         <Button text="a11y" tap="{{ viewDemo }}" class="btn btn-primary btn-view-demo" />
         <Button text="box-shadow" tap="{{ viewDemo }}" class="btn btn-primary btn-view-demo" />
         <Button text="css-playground" tap="{{ viewDemo }}" class="btn btn-primary btn-view-demo" />
diff --git a/apps/toolbox/src/pages/winter-tc.xml b/apps/toolbox/src/pages/winter-tc.xml
index 81d02078f7..aacbd42b18 100644
--- a/apps/toolbox/src/pages/winter-tc.xml
+++ b/apps/toolbox/src/pages/winter-tc.xml
@@ -1,6 +1,9 @@
 <Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="navigatingTo" class="page">
-
-   <StackLayout>
-            <Button text="Btoa y Atob" tap="encodeDecode" />
+    <Page.actionBar>
+        <ActionBar title="WinterTC" class="action-bar">
+        </ActionBar>
+    </Page.actionBar>
+    <StackLayout>
+        <Button text="Btoa y Atob" tap="encodeDecode" />
     </StackLayout>
 </Page>
diff --git a/packages/core/ui/action-bar/action-bar-common.ts b/packages/core/ui/action-bar/action-bar-common.ts
index 103699c020..02ce9526a1 100644
--- a/packages/core/ui/action-bar/action-bar-common.ts
+++ b/packages/core/ui/action-bar/action-bar-common.ts
@@ -18,6 +18,10 @@ export class ActionBarBase extends View implements ActionBarDefinition {
 	public title: string;
 	public flat: boolean;
 	public iosIconRenderingMode: 'automatic' | 'alwaysOriginal' | 'alwaysTemplate';
+	// prefer large titles
+	public iosLargeTitle = false;
+	// show bottom border shadow (always defaulted to true)
+	public iosShadow = true;
 
 	public effectiveContentInsetLeft: number;
 	public effectiveContentInsetRight: number;
@@ -387,6 +391,12 @@ function convertToContentInset(this: void, value: string | CoreTypes.LengthType)
 export const iosIconRenderingModeProperty = new Property<ActionBarBase, 'automatic' | 'alwaysOriginal' | 'alwaysTemplate'>({ name: 'iosIconRenderingMode', defaultValue: 'alwaysOriginal' });
 iosIconRenderingModeProperty.register(ActionBarBase);
 
+export const iosLargeTitleProperty = new Property<ActionBarBase, boolean>({ name: 'iosLargeTitle', defaultValue: false, valueConverter: booleanConverter });
+iosLargeTitleProperty.register(ActionBarBase);
+
+export const iosShadowProperty = new Property<ActionBarBase, boolean>({ name: 'iosShadow', defaultValue: true, valueConverter: booleanConverter });
+iosShadowProperty.register(ActionBarBase);
+
 export const textProperty = new Property<ActionItemBase, string>({
 	name: 'text',
 	defaultValue: '',
diff --git a/packages/core/ui/action-bar/index.ios.ts b/packages/core/ui/action-bar/index.ios.ts
index f25e51595f..7d2d36d136 100644
--- a/packages/core/ui/action-bar/index.ios.ts
+++ b/packages/core/ui/action-bar/index.ios.ts
@@ -1,5 +1,5 @@
 import { IOSActionItemSettings, ActionItem as ActionItemDefinition } from '.';
-import { ActionItemBase, ActionBarBase, isVisible, flatProperty, iosIconRenderingModeProperty, traceMissingIcon } from './action-bar-common';
+import { ActionItemBase, ActionBarBase, isVisible, flatProperty, iosIconRenderingModeProperty, traceMissingIcon, iosShadowProperty, iosLargeTitleProperty } from './action-bar-common';
 import { View } from '../core/view';
 import { Color } from '../../color';
 import { ios as iosBackground } from '../styling/background';
@@ -8,6 +8,7 @@ import { colorProperty, backgroundInternalProperty, backgroundColorProperty, bac
 import { ios as iosViewUtils } from '../utils';
 import { ImageSource } from '../../image-source';
 import { layout, iOSNativeHelper, isFontIconURI } from '../../utils';
+import { SDK_VERSION } from '../../utils/constants';
 import { accessibilityHintProperty, accessibilityLabelProperty, accessibilityLanguageProperty, accessibilityValueProperty } from '../../accessibility/accessibility-properties';
 
 export * from './action-bar-common';
@@ -533,7 +534,7 @@ export class ActionBar extends ActionBarBase {
 				if (navBar.standardAppearance) {
 					// Not flat and never been set do nothing.
 					const appearance = navBar.standardAppearance;
-					appearance.shadowColor = UINavigationBarAppearance.new().shadowColor;
+					appearance.shadowColor = this.iosShadow ? UINavigationBarAppearance.new().shadowColor : UIColor.clearColor;
 					this._updateAppearance(navBar, appearance);
 				}
 			} else {
@@ -644,9 +645,6 @@ export class ActionBar extends ActionBarBase {
 	[backgroundInternalProperty.getDefault](): UIColor {
 		return null;
 	}
-	[backgroundInternalProperty.setNative](value: UIColor) {
-		// tslint:disable-line
-	}
 
 	[flatProperty.setNative](value: boolean) {
 		const navBar = this.navBar;
@@ -661,4 +659,13 @@ export class ActionBar extends ActionBarBase {
 	[iosIconRenderingModeProperty.setNative](value: 'automatic' | 'alwaysOriginal' | 'alwaysTemplate') {
 		this.update();
 	}
+
+	[iosLargeTitleProperty.setNative](value: boolean) {
+		if (!this.navBar) {
+			return;
+		}
+		if (SDK_VERSION >= 11) {
+			this.navBar.prefersLargeTitles = value;
+		}
+	}
 }
diff --git a/packages/core/ui/animation/animation-interfaces.ts b/packages/core/ui/animation/animation-interfaces.ts
index a37c7a603a..ca6536ea08 100644
--- a/packages/core/ui/animation/animation-interfaces.ts
+++ b/packages/core/ui/animation/animation-interfaces.ts
@@ -61,7 +61,7 @@ export interface AnimationDefinition {
 	scale?: Pair;
 	height?: CoreTypes.PercentLengthType | string;
 	width?: CoreTypes.PercentLengthType | string;
-	rotate?: Point3D;
+	rotate?: number | Point3D;
 	duration?: number;
 	delay?: number;
 	iterations?: number;

From bc1965b29fe4def7406b6fd66b4cc4d334ae158d Mon Sep 17 00:00:00 2001
From: Nathan Walker <walkerrunpdx@gmail.com>
Date: Mon, 10 Feb 2025 18:45:36 -0800
Subject: [PATCH 2/2] chore: cleanup

---
 packages/core/ui/action-bar/index.ios.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/core/ui/action-bar/index.ios.ts b/packages/core/ui/action-bar/index.ios.ts
index 7d2d36d136..6ed96382cb 100644
--- a/packages/core/ui/action-bar/index.ios.ts
+++ b/packages/core/ui/action-bar/index.ios.ts
@@ -645,6 +645,8 @@ export class ActionBar extends ActionBarBase {
 	[backgroundInternalProperty.getDefault](): UIColor {
 		return null;
 	}
+	// @ts-ignore
+	[backgroundInternalProperty.setNative](value: UIColor) {}
 
 	[flatProperty.setNative](value: boolean) {
 		const navBar = this.navBar;