feat: ✨Support all image props

vivaxy · Apr 24, 2017 · 4088b73 · 4088b73
1 parent 9650691
commit 4088b73
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 4 deletions.
diff --git a/README.md b/README.md
@@ -2,3 +2,22 @@
 
 Initialized by [vivaxy/gt-npm-package](https://github.com/vivaxy/gt-npm-package)
 
+## USAGE
+
+`yarn add react-native-auto-height-image`
+
+```js
+import React, { Component } from 'react';
+import AutoHeightImage from 'react-native-auto-height-image';
+
+export default class Demo extends Component {
+    render() {
+        return (
+            <AutoHeightImage
+                width={100}
+                imageURL={'http://placehold.it/350x150'}
+            />
+        );
+    }
+}
+```
diff --git a/index.js b/index.js
@@ -11,12 +11,14 @@ import { getImageSizeFitWidth, getImageSizeFitWidthFromCache } from './cache';
 
 const DEFAULT_HEIGHT = 0;
 
+const { source, resizeMode, ...autoHeightImagePropTypes } = Image.propTypes;
+
 export default class AutoHeightImage extends Component {
 
     static propTypes = {
+        ...autoHeightImagePropTypes,
         width: PropTypes.number.isRequired,
         imageURL: PropTypes.string.isRequired,
-        style: Image.propTypes.style,
     };
 
     constructor(props) {
@@ -62,11 +64,12 @@ export default class AutoHeightImage extends Component {
     }
 
     render() {
-        const { imageURL, style } = this.props;
+        const { imageURL, style, width, ...restProps } = this.props;
         return (
             <Image
                 source={{ uri: imageURL }}
                 style={[this.styles.image, style]}
+                {...restProps}
             />
         );
     }

diff --git a/package.json b/package.json
@@ -28,7 +28,7 @@
     "standard-version": "^4.0.0"
   },
   "peerDependencies": {
-    "react": "16.0.0-alpha.6",
-    "react-native": "^0.43.4"
+    "react": "*",
+    "react-native": "*"
   }
 }