我有一个我在React Native中创建的flashcard应用程序。它目前在iOS的应用商店中,我目前正在使用Android版本。 (Flash Crash)
在应用程序中,用户可以向上或向下滑动以翻转闪存卡。问题是它使用了BackfaceVisibility:' hidden'和Android似乎不支持它。有没有一个有效的解决方案来解决这个问题?
我唯一能想到的是当卡片被翻转90度以上时,将Animated.View的不透明度更改为0。我可能会这样做,但我想看看一个更好的程序员是否有其他可能的解决方案。如果不是现在,我想知道我对未来的选择。
答案 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