fix: update extended component for DefsView

android/src/main/java/com/horcrux/svg/DefsView.java

@@ -11,11 +11,12 @@
 import android.annotation.SuppressLint;
 import android.graphics.Canvas;
 import android.graphics.Paint;
+import android.graphics.Path;
 import android.view.View;
 import com.facebook.react.bridge.ReactContext;
 
 @SuppressLint("ViewConstructor")
-class DefsView extends DefinitionView {
+class DefsView extends RenderableView {
 
   public DefsView(ReactContext reactContext) {
     super(reactContext);
@@ -24,6 +25,11 @@ public DefsView(ReactContext reactContext) {
   @Override
   void draw(Canvas canvas, Paint paint, float opacity) {}
 
+  @Override
+  Path getPath(Canvas canvas, Paint paint) {
+    return null;
+  }
+
   void saveDefinition() {
     for (int i = 0; i < getChildCount(); i++) {
       View child = getChildAt(i);

apps/common/test/Test2615.tsx

@@ -0,0 +1,24 @@
+import {Svg, Defs, Pattern, Path, Rect} from 'react-native-svg';
+
+export default function Test2615() {
+  return (
+    <Svg color={'red'}>
+      <Defs>
+        <Pattern
+          id={'pattern'}
+          patternUnits="userSpaceOnUse"
+          width={9}
+          height={9}>
+          <Path d="M -1,2 l 6,0" stroke="currentColor" strokeWidth={3} />
+        </Pattern>
+      </Defs>
+      <Rect
+        x={0}
+        y={0}
+        width="100%"
+        height="100%"
+        fill={`url(#${'pattern'})`}
+      />
+    </Svg>
+  );
+}

apps/common/test/Test2616.tsx

@@ -0,0 +1,28 @@
+import {Defs, G, Path, Pattern, Rect, Svg} from 'react-native-svg';
+
+export default function IconWithHexAlpha() {
+  return (
+    <Svg height={'500'} width={'500'}>
+      <Defs>
+        <Pattern
+          id={'pattern'}
+          patternUnits="userSpaceOnUse"
+          width={9}
+          height={9}>
+          <G stroke="#00000030" strokeWidth={3}>
+            <Path d="M0,9 l9,-9" />
+            <Path d="M-1,1 l2,-2" />
+            <Path d="M8,10 l2,-2" />
+          </G>
+        </Pattern>
+      </Defs>
+      <Rect
+        x={0}
+        y={0}
+        width="100%"
+        height="100%"
+        fill={`url(#${'pattern'})`}
+      />
+    </Svg>
+  );
+}

apps/common/test/index.tsx

@@ -35,6 +35,8 @@ import Test2417 from './Test2417';
 import Test2455 from './Test2455';
 import Test2471 from './Test2471';
 import Test2520 from './Test2520';
+import Test2615 from './Test2615';
+import Test2616 from './Test2616';
 
 export default function App() {
   return <ColorTest />;