在react-native中,当您不知道 View 内容的大小时如何对它进行动画处理?

假设View的内容高度可以在0-400pts之间,并且内容可以动态地增长和缩小,并且您想对高度的任何变化进行动画处理。

基本上,我希望不使用LayoutAnimation而是使用Animated来重现LayoutAnimation的行为。

我想让我感到困惑的是,我不知道如何向目标高度设置动画,因为我不知道内容的高度。

最佳答案

为此,我使用LayoutAnimation,在导致组件高度改变的状态更改之前,添加:
LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut);
您可以使用不同的预设:

  • Spring
  • easeInEaseOut
  • linear

    您可以在此处了解更多信息https://facebook.github.io/react-native/docs/layoutanimation.html
  • 10-05 21:00