【问题标题】:animatable is continuously making the view to growanimatable 不断使视图增长
【发布时间】:2020-08-12 14:30:05
【问题描述】:

我使用 Animatable 插件为我的应用组件添加了一些动画。

<View style={styles.container}>
     <Animatable.View
        animation="tada"
        duration="1500"
        iterationCount={0}
        style={styles.logo}>
          <Logo />
     </Animatable.View>
</View>

但我发现animation="tada" 正在使组件持续增长,如下所示。
除了Flippers 动画,没有一个动画停止增长。

如何解决?

【问题讨论】:

  • 您不希望 iterationCount={1} 运行一次吗?
  • @EricHasselbring 我尝试了登录组件,但仍然相同。在上面的例子中,我只粘贴了 logo 组件。我尝试了所有不同的值,甚至删除了它并尝试了。
  • 当您使用 iterationCount={1} 时,您会收到任何错误吗?您的屏幕截图中有 2 个错误
  • @EricHasselbring 哪里出错了
  • 它在“失败的道具类型”底部的横幅中,prolly 说在持续时间内也是如此

标签: react-native react-native-android react-animations


【解决方案1】:

我发现问题是因为我过去犯过同样的错误。

duration="1500"

应该改为

duration={1500}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-07-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-11-09
    相关资源
    最近更新 更多