Support DynamicColorIOS (#7248)

* Support DynamicColorIOS * Update OptionsProcessor.ts
wix · Sep 5, 2021 · ba722f8 · ba722f8
1 parent 67b5798
commit ba722f8
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 1 deletion.
diff --git a/lib/src/commands/OptionsProcessor.test.ts b/lib/src/commands/OptionsProcessor.test.ts
@@ -13,7 +13,7 @@ import { AssetService } from '../adapters/AssetResolver';
 import { Deprecations } from './Deprecations';
 import { CommandName } from '../interfaces/CommandName';
 import { OptionsProcessor as Processor } from '../interfaces/Processors';
-import { Platform } from 'react-native';
+import { DynamicColorIOS, Platform } from 'react-native';
 
 describe('navigation options', () => {
   let uut: OptionsProcessor;
@@ -574,6 +574,17 @@ describe('navigation options', () => {
           },
         });
       });
+
+      it('supports DynamicColorIOS', () => {
+        const options: Options = {
+          topBar: { background: { color: DynamicColorIOS({ light: 'red', dark: 'blue' }) } },
+        };
+
+        uut.processOptions(options, CommandName.SetRoot);
+        expect(options).toEqual({
+          topBar: { background: { color: { dynamic: { light: 0xffff0000, dark: 0xff0000ff } } } },
+        });
+      });
     });
   });
 

diff --git a/lib/src/commands/OptionsProcessor.ts b/lib/src/commands/OptionsProcessor.ts
@@ -123,6 +123,12 @@ export class OptionsProcessor {
         if ('semantic' in value || 'resource_paths' in value) {
           options[key] = value;
           return;
+        } else if ('dynamic' in value) {
+          for (let keyColor in value.dynamic) {
+            newColorObj[keyColor] = this.colorService.toNativeColor(value.dynamic[keyColor]);
+          }
+
+          options[key] = newColorObj;
         } else {
           for (let keyColor in value) {
             newColorObj[keyColor] = this.colorService.toNativeColor(value[keyColor]);