Merge fb70c99 into 040e200

godaddy · Jan 19, 2020 · e92bf20 · e92bf20
2 parents 040e200 + fb70c99
commit e92bf20
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 3 deletions.
diff --git a/index.d.ts b/index.d.ts
@@ -21,7 +21,9 @@ export {
   TSpan,
   Text,
   TextPath,
-  Use
+  Use,
+  SvgUri,
+  SvgCssUri
 } from "react-native-svg";
 
 // Export SVG object with enhanced props which includes the title

diff --git a/index.js b/index.js
@@ -404,6 +404,28 @@ function Pattern(props) {
   return <pattern { ...prepare(props) } />;
 }
 
+/**
+ * Return an SVG element from Uri.
+ *
+ * @param {Object} props The properties that are spread on the SVG element.
+ * @returns {React.Component} Use SVG.
+ * @public
+ */
+function SvgUri({ uri, ...props }) {
+  return <img src={uri} { ...prepare(props) } />;
+}
+
+/**
+ * Return an SVG element from Uri.
+ *
+ * @param {Object} props The properties that are spread on the SVG element.
+ * @returns {React.Component} Use SVG.
+ * @public
+ */
+function SvgCssUri({ uri, ...props }) {
+  return <img src={uri} { ...prepare(props) } />;
+}
+
 //
 // Expose everything in the same way as `react-native-svg` is doing.
 //
@@ -429,7 +451,9 @@ export {
   TSpan,
   Text,
   TextPath,
-  Use
+  Use,
+  SvgUri,
+  SvgCssUri
 };
 
 export default Svg;
diff --git a/index.native.js b/index.native.js
@@ -22,7 +22,9 @@ import RNSvg, {
   TSpan,
   Text,
   TextPath,
-  Use
+  Use,
+  SvgUri,
+  SvgCssUri,
 } from 'react-native-svg';
 
 /**