BackfaceVisibility:android in react native的隐藏变通方法

时间:2017-09-23 18:47:44

标签: react-native react-native-android

我有一个我在React Native中创建的flashcard应用程序。它目前在iOS的应用商店中,我目前正在使用Android版本。 (Flash Crash)

在应用程序中,用户可以向上或向下滑动以翻转闪存卡。问题是它使用了BackfaceVisibility:' hidden'和Android似乎不支持它。有没有一个有效的解决方案来解决这个问题?

我唯一能想到的是当卡片被翻转90度以上时,将Animated.View的不透明度更改为0。我可能会这样做,但我想看看一个更好的程序员是否有其他可能的解决方案。如果不是现在,我想知道我对未来的选择。

1 个答案:

答案 0 :(得分:2)

有一种解决方案,可以使用不透明度来控制背面的显示,从而在android上快速获取“可翻转”卡:https://github.com/facebook/react-native/issues/1973#issuecomment-262059217

动画背面的不透明性

this.backOpacity = this.animatedValue.interpolate({ inputRange: [89, 90], outputRange: [0, 1] })

然后将其用于动画

style=[otherStyles, { opacity: this.backOpacity,...}]

backfacevisibility应该很快会在本机稳定版本中支持android。 https://github.com/facebook/react-native/pull/15970