From 8fc83ac10431040210edc2beb8ec01854d3a3171 Mon Sep 17 00:00:00 2001 From: Pedro Nunes Date: Tue, 14 May 2019 16:42:31 +0100 Subject: [PATCH] Added dynamic resize mode to Async Image Animated. --- package.json | 2 +- src/AsyncImageAnimated.tsx | 13 ++++++++++--- 2 files changed, 11 insertions(+), 4 deletions(-) diff --git a/package.json b/package.json index bf397bf..f78d476 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "react-native-async-image-animated", - "version": "4.3.0", + "version": "4.3.1", "description": "Asynchronous loading Image component for React Native.", "main": "index.js", "scripts": { diff --git a/src/AsyncImageAnimated.tsx b/src/AsyncImageAnimated.tsx index bf30775..371a3e3 100644 --- a/src/AsyncImageAnimated.tsx +++ b/src/AsyncImageAnimated.tsx @@ -29,6 +29,7 @@ interface Props { placeholderSource?: ImageSource, source: NetworkImage, style: ViewStyle, + resizeMode?: string } interface State { @@ -92,6 +93,10 @@ export default class AsyncImageAnimated extends Component { style, } = this.props + let { + resizeMode + } = this.props + const { failed, imageOpacity, @@ -102,6 +107,8 @@ export default class AsyncImageAnimated extends Component { placeholderScale, } = this.state + resizeMode = resizeMode === "" ? 'contain' : resizeMode + return ( @@ -109,13 +116,13 @@ export default class AsyncImageAnimated extends Component { { { opacity: placeholderOpacity, position: 'absolute', - resizeMode: 'contain', + resizeMode: resizeMode, }, ]} /> }