【问题标题】:React Native LayoutAnimation bug with react navigation?用反应导航反应本机布局动画错误?
【发布时间】:2020-06-07 11:00:55
【问题描述】:
我正在处理我的应用程序中的键盘...我已经读到在 android 上为其设置动画的最佳方法是使用 LayoutAnimation API,是的,它工作正常,但是当我导航回其他没有键盘的屏幕时t 出现一个未知的 View 与我的键盘高度相同。
有没有人尝试过这个问题?在 iOS 上它可以完美运行,但在 Android 上却不行。
我尝试过 UIManager.setLayoutAnimationEnabledExperimental(false);当我的组件卸载并且返回时该视图没有出现,但是如果我再次打开键盘,动画就会消失。
【问题讨论】:
标签:
javascript
android
reactjs
react-native
react-navigation
【解决方案1】:
我在 Android 上使用 LayoutAnimation.configureNext 和 React Navigation 5 时遇到了类似的问题。我从来没有找到问题的根本原因,但为我解决的问题是启用react-native-screens
运行:
# bare React Native project
npm install react-native-screens
# if you use Expo managed workflow
expo install react-native-screens
然后在渲染任何屏幕之前将以下代码放在根文件的顶部:
import { enableScreens } from "react-native-screens";
enableScreens();
注意:我使用的是Expo SDK 38,所以我不确定这个fix 是否适用于非Expo 环境。这是Expo docs的链接