diff --git a/index.js b/index.js index dd1b6e8..0c39ebe 100644 --- a/index.js +++ b/index.js @@ -27,23 +27,36 @@ export default class ProgressiveImage extends Component { } render() { + const { placeholderResizeMode, thumbnailResizeMode, imageResizeMode } = this.props; + const { children, style, imageStyle, imageRef, ...props } = this.props; return ( - + this.onLoadThumbnail()} blurRadius={this.props.thumbnailBlurRadius} /> this.onLoadImage()} /> @@ -63,15 +76,19 @@ export default class ProgressiveImage extends Component { }) ProgressiveImage.propTypes = { - placeHolderColor: PropTypes.string, - placeHolderSource: PropTypes.number, - imageSource: PropTypes.object.isRequired, - imageFadeDuration: PropTypes.number.isRequired, - onLoadThumbnail: PropTypes.func.isRequired, - onLoadImage: PropTypes.func.isRequired, - thumbnailSource: PropTypes.object.isRequired, - thumbnailFadeDuration: PropTypes.number.isRequired, - thumbnailBlurRadius: PropTypes.number, +// Due to errors of PropTypes between RN versions +// placeHolderColor: PropTypes.string, +// placeHolderSource: PropTypes.number, +// imageSource: PropTypes.object.isRequired, +// imageFadeDuration: PropTypes.number.isRequired, +// onLoadThumbnail: PropTypes.func.isRequired, +// onLoadImage: PropTypes.func.isRequired, +// thumbnailSource: PropTypes.object.isRequired, +// thumbnailFadeDuration: PropTypes.number.isRequired, +// thumbnailBlurRadius: PropTypes.number, +// placeholderResizeMode: PropTypes.string, +// thumbnailResizeMode: PropTypes.string, +// imageResizeMode: PropTypes.string, } ProgressiveImage.defaultProps = { @@ -80,4 +97,7 @@ ProgressiveImage.defaultProps = { thumbnailBlurRadius: 5, onLoadThumbnail: Function.prototype, onLoadImage: Function.prototype, + placeholderResizeMode: 'cover', + thumbnailResizeMode: 'cover', + imageResizeMode: 'cover', }