From b4dd2ef0b8b54e4895db0839f0b9018ecaa1390d Mon Sep 17 00:00:00 2001 From: Nikolay Date: Mon, 9 Oct 2017 08:21:11 +0300 Subject: [PATCH] #46 Back side on IOS is blured since 'perspective' prop cause the back side on IOS blurred - we can remote it at all (it will affect nothing) and leave only for Android. --- lib/FlipCard.js | 11 ++++++++--- 1 file changed, 8 insertions(+), 3 deletions(-) diff --git a/lib/FlipCard.js b/lib/FlipCard.js index 031dc45..21cbd5f 100644 --- a/lib/FlipCard.js +++ b/lib/FlipCard.js @@ -6,7 +6,8 @@ import PropTypes from "prop-types"; import { View, TouchableOpacity, - Animated + Animated, + Platform } from "react-native"; import S from './Style.js' @@ -257,11 +258,15 @@ export class Back extends Component { var transform = [] if (this.props.flipHorizontal) { transform.push({scaleX: -1}) - transform.push({perspective: this.props.perspective}) + if (Platform.OS === "android") { + transform.push({perspective: this.props.perspective}) + } } if (this.props.flipVertical) { transform.push({scaleY: -1}) - transform.push({perspective: this.props.perspective}) + if (Platform.OS === "android") { + transform.push({perspective: this.props.perspective}) + } } return (