Merge branch 'master' into onLoad

Author: gre

README.md

@@ -27,6 +27,7 @@ react-native link react-native-svg # not react-native-svg-uri !!!
 | `source` | `ImageSource` |  | Same kind of `source` prop that `<Image />` component has
 | `svgXmlData` | `String` |  | You can pass the SVG as String directly
 | `fill` | `Color` |  | Overrides all fill attributes of the svg file
+| `fillAll` | `Boolean` |  Adds the fill color to the entire svg object
 
 ## Known Bugs
 

index.d.ts

@@ -39,6 +39,11 @@ interface SvgUriProps {
      * Invoked when load completes successfully.
      */
     onLoad?: Function
+  
+    /**
+     * Fill the entire svg element with same color
+     */
+    fillAll?: boolean
 }
 
 export default class SvgUri extends Component<SvgUriProps, {}> { }

index.js

@@ -226,6 +226,11 @@ class SvgUri extends Component{
 
   obtainComponentAtts({attributes}, enabledAttributes) {
     const styleAtts = {};
+
+    if (this.state.fill && this.props.fillAll) {
+      styleAtts.fill = this.state.fill;
+    }
+
     Array.from(attributes).forEach(({nodeName, nodeValue}) => {
       Object.assign(styleAtts, utils.transformStyle({
         nodeName,
@@ -310,6 +315,7 @@ SvgUri.propTypes = {
   source: PropTypes.any,
   fill: PropTypes.string,
   onLoad: PropTypes.func,
+  fillAll: PropTypes.bool
 }
 
 module.exports = SvgUri;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-svg-uri",
-  "version": "1.2.1",
+  "version": "1.2.3",
   "description": "Render an SVG Image from an URL",
   "main": "index.js",
   "scripts": {