🐛 Mobile | Fix iOS border animation

src/MobileUI/MauiProgram.cs

@@ -44,6 +44,7 @@ public static MauiApp CreateMauiApp()
         .ConfigureMauiHandlers((handlers) =>
         {
             handlers.AddHandler(typeof(TableView), typeof(CustomTableViewRenderer));
+            handlers.AddHandler<Border, NotAnimatedBorderHandler>();
         });
 
         AppCenter.Start($"android={Constants.AppCenterAndroidId};" +

src/MobileUI/Platforms/Android/Renderers/NotAnimatedBorderHandler.cs

@@ -0,0 +1,8 @@
+using Microsoft.Maui.Handlers;
+
+namespace SSW.Rewards.Mobile.Renderers;
+
+public class NotAnimatedBorderHandler : BorderHandler
+{
+
+}

src/MobileUI/Platforms/iOS/Renderers/NotAnimatedBorderHandler.cs

@@ -0,0 +1,38 @@
+using CoreAnimation;
+using Microsoft.Maui.Handlers;
+using ContentView = Microsoft.Maui.Platform.ContentView;
+
+namespace SSW.Rewards.Mobile.Renderers;
+
+// Workaround for an issue with border animation on iOS
+// See: https://github.com/dotnet/maui/issues/18204
+// TODO: Remove this workaround when the issue is fixed in MAUI (should be version 9.0.0)
+public class NotAnimatedBorderHandler : BorderHandler
+{
+    private class BorderContentView : ContentView
+    {
+        public override void LayoutSubviews()
+        {
+            Layer.RemoveAllAnimations();
+
+            if (Layer.Sublayers != null)
+            {
+                foreach (var sublayer in Layer.Sublayers)
+                {
+                    sublayer.RemoveAllAnimations();
+                }
+            }
+
+            base.LayoutSubviews();
+        }
+    }
+
+    protected override ContentView CreatePlatformView()
+    {
+        _ = VirtualView ??
+            throw new InvalidOperationException($"{nameof(VirtualView)} must be set to create a {nameof(ContentView)}");
+        _ = MauiContext ?? throw new InvalidOperationException($"{nameof(MauiContext)} cannot be null");
+
+        return new BorderContentView { CrossPlatformLayout = VirtualView };
+    }
+}