LayoutAnimation 会导致许多副作用，是否有替代方案？答案

【问题标题】：LayoutAnimation is causing to many side effects, is there an alternative?LayoutAnimation 会导致许多副作用，是否有替代方案？
【发布时间】：2017-07-24 09:51:43
【问题描述】：

我们正在尝试使用LayoutAnimation 对我们的布局进行动画更改。例如，当弹出一个内联表单错误框时，我们希望表单的其余部分能够顺利下推。

问题是当我们使用LayoutAnimation 时，它决定动画的内容过于繁重。我们现在面临的问题是，它以奇怪且不受欢迎的方式为 react-navigation 堆栈导航器设置了动画。

我一直在寻找替代方法或解决此问题的方法。我一直在尝试的一种解决方案是使用Animated 和onLayout 来解决这个问题，并取得了一些成功。这里出现的问题是当孩子视觉更新时让布局更新。

所以为了让我的问题更清楚：有没有其他人需要一个不那么笨重的 LayoutAnimation 版本？如果是这样，您是如何解决的？

【问题讨论】：

标签： reactjs react-native react-navigation

【解决方案1】：

LayoutAnimation 是一个执行简单动画的工具，你几乎无法控制它。还有另一个强大的动画工具Animated。它很灵活，您可以使用生命周期方法来控制它们。查看this book，这是一个很好的指南。

附：我希望这个答案对你来说不是太明显。但是Animated API 对于处理动画来说真的很酷。

【讨论】：

是的，我一直在使用Animated 来解决这个问题。我的原始帖子解释了我尝试使用它以及我在使用它时遇到的问题。我确实相信这是我需要进入的方向，但解决方案很复杂，因为需要在渲染之前知道事物的高度。