💫 Update: Exp - AdaptiveModal

Summary: Update experiment/test - `swift-programmatic-modal/AdaptiveModal`.
dominicstop · Jun 6, 2023 · 108c27a · 108c27a
1 parent 3360554
commit 108c27a
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 1 deletion.
diff --git a/experiments/swift-programmatic-modal/AdaptiveModal/AdaptiveModalInterpolationPoint.swift b/experiments/swift-programmatic-modal/AdaptiveModal/AdaptiveModalInterpolationPoint.swift
@@ -47,7 +47,7 @@ struct AdaptiveModalInterpolationPoint: Equatable {
   let modalBackgroundVisualEffectOpacity: CGFloat;
   let modalBackgroundVisualEffectIntensity: CGFloat;
 
-  //let backgroundColor: UIColor;
+  let backgroundColor: UIColor;
   let backgroundOpacity: CGFloat;
 
   let backgroundVisualEffect: UIVisualEffect?;
@@ -178,6 +178,10 @@ struct AdaptiveModalInterpolationPoint: Equatable {
       ?? keyframePrev?.modalBackgroundVisualEffectIntensity
       ?? 1;
 
+    self.backgroundColor = keyframeCurrent?.backgroundColor
+      ?? keyframePrev?.backgroundColor
+      ?? .black;
+
     self.backgroundOpacity = keyframeCurrent?.backgroundOpacity
       ?? keyframePrev?.backgroundOpacity
       ?? 0;

diff --git a/experiments/swift-programmatic-modal/AdaptiveModal/AdaptiveModalManager.swift b/experiments/swift-programmatic-modal/AdaptiveModal/AdaptiveModalManager.swift
@@ -728,6 +728,15 @@ class AdaptiveModalManager {
       )
     );
 
+    Self.setProperty(
+      forObject: self.backgroundDimmingView,
+      forPropertyKey: \.backgroundColor,
+      withValue:  self.interpolateColor(
+        inputValue: inputPercentValue,
+        rangeOutputKey: \.backgroundColor
+      )
+    );
+
     Self.setProperty(
       forObject: self.backgroundDimmingView,
       forPropertyKey: \.alpha,

diff --git a/experiments/swift-programmatic-modal/Test/RNIDraggableTestViewController.swift b/experiments/swift-programmatic-modal/Test/RNIDraggableTestViewController.swift
@@ -247,6 +247,7 @@ enum AdaptiveModalConfigTestPresets: CaseIterable {
                 .layerMaxXMaxYCorner
               ],
               modalBackgroundVisualEffectIntensity: 0.6,
+              //backgroundColor: .red,
               backgroundOpacity: 0.1,
               backgroundVisualEffectIntensity: 0.075
             )