search

moschan / react-native-flip-card

The card component which has a motion of flip for React Native(iOS/Android)
MIT License
391 stars 108 forks source link

Back side is blurred on IOS #46

Open mkozhukharenko opened 7 years ago

mkozhukharenko commented 7 years ago

I copied and run an example from this project have found next bug: the back side of the card is blured.

giphy

Does anybody know the problem? I'm trying to figure out it...

Platform: IOS react-native v 47.1 react-native-flip-card v 3.5.1

mkozhukharenko commented 7 years ago

only text is affected (see http://www.giphy.com/gifs/3ov9jXM7UXfV8pWNUI) (image is still sharp)

maxperga-zz commented 7 years ago

I can 100% reproduce the problem using the iOS simulator.

mkozhukharenko commented 7 years ago

if the perspective property is removed from the style of the Back card - the problem is gone

mkozhukharenko commented 7 years ago

on Android everything works fine

mkozhukharenko commented 7 years ago

this PR https://github.com/moschan/react-native-flip-card/pull/44 caused an issue

JKonTiki commented 7 years ago

thanks for the tip @mkozhukharenko , any idea why that was causing the issue?

mkozhukharenko commented 7 years ago

3.5.0v don't have such problem. It was introduced but latests commit. See my message

Gringox commented 7 years ago

@mkozhukharenko that line you mention is needed for this library to work on certain Android devices, its weird that it blurs text in iOS but maybe the solution could be to add a conditional Platform.OS === 'android' before pushing the perspective prop. Already test it and works.

What do you think? I could make a PR with that.

mkozhukharenko commented 7 years ago

@Gringox I've created MR, can you check it?

Gringox commented 7 years ago

Looks good to me @mkozhukharenko.

moschan commented 7 years ago

hi! thanks, all and @mkozhukharenko. I bumped new version which contains your MR. Plese check that 👍