如何使用React Native创建fadeIn链动画

时间:2019-10-04 07:09:50

标签: javascript reactjs react-native

我有一个侧边菜单,当其打开时,其子组件需要分别淡入 我已经使用FadeIn构建了简单的动画,但是它会同时影响所有子组件。但是我需要分别将它们分别设为fadedin。也就是说,假设我们有5个子组件,从上到下分别需要淡入。

您可以在这里查看我要执行的操作:http://www.giphy.com/gifs/TGXhaGc7D1W3bqHXS8

您可以在这里查看我到目前为止所取得的成就:http://www.giphy.com/gifs/YR2YU7sNvvTpKp8I64

我们将不胜感激,谢谢。

1 个答案:

答案 0 :(得分:1)

更新 对于那些来这里寻求答案的人:

在我的情况下,我想要的是将相同的动画延迟地应用于不同的组件,所以我创建了Animated.MyComponent并为其提供了延迟道具,当我完成第一个动画时,在屏幕上更新了该延迟相对于上一个完成时间的道具。