Question

每当我渲染一个新视图时，它似乎都有一个默认的淡入淡出动画，其中不透明度从0到1超过约200毫秒。有没有办法将其关闭以便立即显示视图？

将触发默认动画的示例代码;

{(() => {
   if (itemIsOpen) {
      return (
         <CardOverlay />
      )
   }
})()}

CardOverlay组件在我希望立即显示时淡入。

Answer 1

我现在已经在同样的事情上挣扎了一段时间，它已经让我绕过弯道，但我终于找到了它的原因。不确定是否导致您的问题是相同的（并且不确定它是否仍然与您相关）但我认为如果有人遇到同样的问题，我会分享它。

我的问题是由Animated.spring（）引起的 - 我在一个子组件上使用它（一个小按钮使图像显示在页面上）但似乎只要你添加spring 视觉树中的任何地方都会影响一切。即使你把它放在内部组件的componentDidMount中，它仍然会影响我的页面加载动画。

时间学习更多关于反应动画库的工作原理的方法！