react-native - 背面可见性 : hidden workaround for android in react native

标签 react-native

我有一个用 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/

相关文章:

javascript - 带文本输入的自定义对话框 React Native

android - Firebase Crashlytics 有替代品吗?

css - 如何使这个 React-Native Expo Snack 中的图标居中?

reactjs - 将 React 应用程序转换为 React Native 的最快方法是什么?

javascript - React Native 导航实验选项卡开关 Unmount/WillMount

android - 使用ScrollView出现这个异常: com. Facebook。 react 。管理器。事件。 TouchEventCoalescingKeyHelper。获取合并 key

reactjs - 当组件变大时如何拆分它。 ReactJs 或 React Native

react-native - React Native FlatList 可触摸不透明度

android - 使用 expo-image-picker 选择图像时应用程序崩溃

javascript - 如何将 Prop 传递给导航屏幕组件 - React Native