我有一个用 React Native 创建的抽认卡应用程序。它目前在 iOS 的应用程序商店中,我目前正在开发 Android 版本。 (闪崩)
在应用程序中,用户可以向上或向下滑动以翻转闪存卡。问题是它使用 BackfaceVisibility: 'hidden' 而 Android 似乎不支持它。是否有解决此问题的有效解决方案?
我唯一能想到的是,当卡片翻转超过 90 度时,将 Animated.View 的不透明度更改为 0。我可能会这样做,但我想看看是否有更好的程序员有其他可能的解决方案。如果不是现在,我想知道我 future 的选择是什么。
最佳答案
这里有一个使用不透明度控制背面显示的解决方案,可以在 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,...}]
应该很快在 react-native 稳定版本中支持 android 的 backfacevisibility。 https://github.com/facebook/react-native/pull/15970
关于react-native - 背面可见性 : hidden workaround for android in react native,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46383133/