Workaround for Android not respecting style changes.

jameswilddev · Nov 25, 2021 · 6b2bad6 · 6b2bad6
1 parent 8be4894
commit 6b2bad6
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/...eateSearchableMultiSelectComponent/createSearchableMultiSelectChildrenComponent/index.tsx b/...eateSearchableMultiSelectComponent/createSearchableMultiSelectChildrenComponent/index.tsx
@@ -108,6 +108,9 @@ export const createSearchableMultiSelectChildrenComponent = <
       ...optionTextBase,
       color: controlStyle.focusedValid.textColor,
     },
+    focusedCheckText: {
+      color: controlStyle.focusedValid.textColor,
+    },
     blurredOptionText: {
       ...optionTextBase,
       color: controlStyle.blurredValid.textColor,
@@ -168,9 +171,11 @@ export const createSearchableMultiSelectChildrenComponent = <
                   }
                 >
                   <Text
-                    {...(index === -1
-                      ? { style: globalStyles.transparentText }
-                      : {})}
+                    style={
+                      index === -1
+                        ? globalStyles.transparentText
+                        : localStyles.focusedCheckText
+                    }
                   >
                     ✓
                   </Text>{" "}

diff --git a/...reateSearchableMultiSelectComponent/createSearchableMultiSelectChildrenComponent/unit.tsx b/...reateSearchableMultiSelectComponent/createSearchableMultiSelectChildrenComponent/unit.tsx
@@ -292,6 +292,7 @@ test(`renders as expected without a filter`, () => {
             expect.objectContaining({
               type: Text,
               props: {
+                style: { color: `#55EA13` },
                 children: `✓`,
               },
             }),
@@ -1496,6 +1497,7 @@ test(`renders as expected without horizontal padding`, () => {
             expect.objectContaining({
               type: Text,
               props: {
+                style: { color: `#55EA13` },
                 children: `✓`,
               },
             }),
@@ -1867,6 +1869,7 @@ test(`renders as expected without vertical padding`, () => {
             expect.objectContaining({
               type: Text,
               props: {
+                style: { color: `#55EA13` },
                 children: `✓`,
               },
             }),