fix(js): allow setting stopColor/Opacity/Offset using styles, fix #1153

software-mansion · Oct 19, 2019 · 5984e06 · 5984e06
1 parent 0c7e94d
commit 5984e06
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/src/elements/Stop.tsx b/src/elements/Stop.tsx
@@ -8,10 +8,6 @@ export default class Stop extends Component<StopProps, {}> {
   props!: StopProps;
   static displayName = 'Stop';
 
-  static defaultProps = {
-    stopColor: '#000',
-    stopOpacity: 1,
-  };
   setNativeProps = () => {
     const { parent } = this.props;
     if (parent) {

diff --git a/src/lib/extract/extractGradient.ts b/src/lib/extract/extractGradient.ts
@@ -63,7 +63,12 @@ export default function extractGradient(
   const l = childArray.length;
   for (let i = 0; i < l; i++) {
     const {
-      props: { offset, stopColor, stopOpacity },
+      props: {
+        style,
+        offset = style && style.offset,
+        stopColor = (style && style.stopColor) || '#000',
+        stopOpacity = style && style.stopOpacity,
+      },
     } = childArray[i];
     const offsetNumber = percentToFloat(offset || 0);
     const color = stopColor && extractColor(stopColor);