From bc14b907732946a5cdd210110cc7fbf7b682f985 Mon Sep 17 00:00:00 2001
From: Mikael Sand <msand@abo.fi>
Date: Wed, 23 Jan 2019 19:04:01 +0200
Subject: [PATCH] Accept xlinkHref as fallback to href, Fixes #500

---
 elements/Image.js    | 2 +-
 elements/TextPath.js | 3 ++-
 elements/Use.js      | 2 +-
 index.d.ts           | 3 +++
 4 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/elements/Image.js b/elements/Image.js
index a90aa958..01c67d2c 100644
--- a/elements/Image.js
+++ b/elements/Image.js
@@ -19,7 +19,7 @@ export default class SvgImage extends Shape {
 
     render() {
         const { props } = this;
-        const { preserveAspectRatio, x, y, width, height, href } = props;
+        const { preserveAspectRatio, x, y, width, height, xlinkHref, href = xlinkHref } = props;
         const modes = preserveAspectRatio.trim().split(spacesRegExp);
         return (
             <RNSVGImage
diff --git a/elements/TextPath.js b/elements/TextPath.js
index e4fa8f1b..d7600a2a 100644
--- a/elements/TextPath.js
+++ b/elements/TextPath.js
@@ -25,7 +25,8 @@ export default class TextPath extends Shape {
     render() {
         const {
             children,
-            href,
+            xlinkHref,
+            href = xlinkHref,
             startOffset,
             method,
             spacing,
diff --git a/elements/Use.js b/elements/Use.js
index cfcde04b..9578649e 100644
--- a/elements/Use.js
+++ b/elements/Use.js
@@ -16,7 +16,7 @@ export default class Use extends Shape {
 
     render() {
         const { props } = this;
-        const { children, x, y, width, height, href } = props;
+        const { children, x, y, width, height, xlinkHref, href = xlinkHref } = props;
 
         // match "url(#pattern)"
         const matched = href.match(idPattern);
diff --git a/index.d.ts b/index.d.ts
index 32da4ecc..27005c2b 100644
--- a/index.d.ts
+++ b/index.d.ts
@@ -192,6 +192,7 @@ export interface ImageProps extends ResponderProps, TouchableProps {
   y?: NumberProp,
   width?: NumberProp,
   height?: NumberProp,
+  xlinkHref?: ReactNative.ImageProperties['source'],
   href: ReactNative.ImageProperties['source'],
   preserveAspectRatio?: string,
   opacity?: NumberProp,
@@ -324,6 +325,7 @@ export interface TextProps extends TextSpecificProps {
 export const Text: React.ComponentClass<TextProps>;
 
 export interface TextPathProps extends TextSpecificProps {
+  xlinkHref?: string,
   href: string,
   startOffset?: NumberProp,
   method?: TextPathMethod,
@@ -333,6 +335,7 @@ export interface TextPathProps extends TextSpecificProps {
 export const TextPath: React.ComponentClass<TextPathProps>;
 
 export interface UseProps extends CommonPathProps {
+  xlinkHref?: string,
   href: string,
   width?: string,
   height?: string,