Image - ImageStyle prop (#254)

* Added imageStyle prop

* Added PropTypes to imageStyle prop

* ...

* fixed typos

Author: ArnonZ

src/components/avatar/index.js

@@ -44,6 +44,11 @@ export default class Avatar extends BaseComponent {
      * Image props object
      */
     imageProps: PropTypes.object,
+     /**
+     * Image style object used to pass additional style props
+     * by components which render image
+     */
+    imageStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.array, PropTypes.number]),
     /**
      * Listener-callback for when an image's (uri) loading
      * starts (equiv. to Image.onLoadStart()).
@@ -160,12 +165,12 @@ export default class Avatar extends BaseComponent {
   }
 
   renderImage() {
-    const {imageSource, onImageLoadStart, onImageLoadEnd, onImageLoadError, testID, imageProps} = this.props;
+    const {imageSource, onImageLoadStart, onImageLoadEnd, onImageLoadError, testID, imageProps, imageStyle} = this.props;
     const hasImage = !_.isUndefined(imageSource);
     if (hasImage) {
       return (
         <Image
-          style={this.styles.image}
+          style={[this.styles.image, imageStyle]}
           source={imageSource}
           onLoadStart={onImageLoadStart}
           onLoadEnd={onImageLoadEnd}

src/components/image/index.js

@@ -20,7 +20,7 @@ class Image extends BaseComponent {
      */
     sourceTransformer: PropTypes.func,
     /**
-     * if provided image source we be drriven from asset name
+     * if provided image source will be driven from asset name
      */
     assetName: PropTypes.string,
     /**