feat: Improve web support with StyleSheet when creating styles

Shopify · Oct 16, 2021 · 99be881 · 99be881
1 parent 6b88006
commit 99be881
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/composeRestyleFunctions.ts b/src/composeRestyleFunctions.ts
@@ -1,3 +1,5 @@
+import {StyleSheet} from 'react-native';
+
 import {
   RestyleFunctionContainer,
   BaseTheme,
@@ -44,9 +46,11 @@ const composeRestyleFunctions = <
       dimensions: Dimensions;
     },
   ): RNStyle => {
-    return funcs.reduce((acc, func) => {
+    const style = funcs.reduce((acc, func) => {
       return Object.assign(acc, func(props, {theme, dimensions}));
     }, {});
+    const {styleSheet} = StyleSheet.create({styleSheet: style});
+    return styleSheet;
   };
   return {
     buildStyle,