Hummer icon indicating copy to clipboard operation
Hummer copied to clipboard

动画组件增加repeatMode字段

Open bbssyyuui opened this issue 3 years ago • 4 comments

功能请求

  • [ ] 动画组件增加repeatMode字段,表明动画的重复模式。

您的功能请求是否与一个问题有关?

描述您希望的解决方案 动画组件增加repeatMode字段,表明动画的重复模式。 有两种重复模式:

  1. 正常重新开始;
  2. 反向重新开始;

描述您考虑过的备选方案. 无

文档、适配、迁移策略

bbssyyuui avatar Feb 22 '21 07:02 bbssyyuui

Android原生行为:

@IntDef({RESTART, REVERSE})
public @interface RepeatMode {}

其中,RESTART 表示正常重新开始REVERSE 表示反向重新开始,默认是 RESTART

bbssyyuui avatar Feb 22 '21 07:02 bbssyyuui

Flutter 行为:

TickerFuture repeat({ double? min, double? max, bool reverse = false, Duration? period })

直接是一个bool值,false表示反向重新开始true表示反向重新开始,默认是false

bbssyyuui avatar Feb 22 '21 07:02 bbssyyuui

针对类似的重复行为,Web 中是这样实现的。 使用 animation-direction 属性,标记动画的执行方向:

  • normal 代表正常方向
  • reverse 代表反方向执行
  • alternate 代表交替执行
  • alternate-reverse 代表反方向交替执行

具体可以参照 mdn 的文档

duanlikang avatar Feb 22 '21 07:02 duanlikang

Android 端已支持 reportMode,目前支持以下两者模式:

  • normal 表示正常重新开始
  • reverse 表示反向重新开始

默认是 normal

bbssyyuui avatar Apr 20 '21 08:04 bbssyyuui