Update date picker background dynamically for Dark Theme in iOS

VitaliiBlagodir · Jun 25, 2020 · 5bacffd · 5bacffd
1 parent bd87605
commit 5bacffd
Showing 1 changed file with 23 additions and 0 deletions.
diff --git a/src/ios/DatePicker.m b/src/ios/DatePicker.m
@@ -44,10 +44,13 @@ - (void)show:(CDVInvokedUrlCommand*)command {
 }
 
 - (BOOL)showForPhone:(NSMutableDictionary *)options {
+  BOOL addListenerForTraitChange;
   if(!self.datePickerContainer){
     [[NSBundle mainBundle] loadNibNamed:@"DatePicker" owner:self options:nil];
+    addListenerForTraitChange = 'YES';
   } else {
       self.datePickerContainer.backgroundColor = [[UIColor blackColor] colorWithAlphaComponent:0.4];
+      addListenerForTraitChange = 'NO';
   }
 
   [self updateDatePicker:options];
@@ -91,14 +94,34 @@ - (BOOL)showForPhone:(NSMutableDictionary *)options {
                    animations:^{
     self.datePickerComponentsContainer.frame = frame;
     self.datePickerContainer.backgroundColor = [[UIColor blackColor] colorWithAlphaComponent:0.4];
+    [self adjustDatePickerContainerBg];
 
   } completion:^(BOOL finished) {
 
+    if (addListenerForTraitChange) {
+      // Without the check, it would add the observer for every single show command
+      [[NSNotificationCenter defaultCenter] addObserver:self
+                                            selector:@selector(applicationEnteredForeground:)
+                                            name:UIApplicationDidBecomeActiveNotification
+                                            object:nil];
+    }
   }];
 
   return true;
 }
 
+- (void)applicationEnteredForeground:(NSNotification *)notification {
+  [self adjustDatePickerContainerBg];
+}
+
+-(void) adjustDatePickerContainerBg {
+  if (self.viewController.traitCollection.userInterfaceStyle == UIUserInterfaceStyleDark) {
+    self.datePickerComponentsContainer.subviews[0].backgroundColor = [[UIColor darkGrayColor] colorWithAlphaComponent:1];
+  } else {
+    self.datePickerComponentsContainer.subviews[0].backgroundColor = [[UIColor whiteColor] colorWithAlphaComponent:1];
+  }
+}
+
 - (BOOL)showForPad:(NSMutableDictionary *)options {
     self.datePickerPopover = [self createPopover:options];
     return true;