> ### 相关平台

[florida0723]

相关平台

微信小程序

小程序基础库: 2.20.0 使用框架: React

复现步骤

let animation = Taro.createAnimation({
  duration: 4000,
  timingFunction: "linear",
  delay: 1000,
  transformOrigin: "50% 50%",
});

animation.scale(1.5).step({
  // duration: 3000,
  timingFunction: "linear",
});

this.setState(
  {animationData: animation.export()}
);
<View className="ani" animation={this.state?.animationData}>
      23235235
</View>

期望结果

动画执行

实际结果

动画没有执行，直接显示最后结果了

环境信息

Taro v3.2.13

  Taro CLI 3.2.13 environment info:
    System:
      OS: macOS 11.4
      Shell: 5.8 - /bin/zsh
    Binaries:
      Node: 14.17.1 - /usr/local/bin/node
      Yarn: 1.22.10 - /opt/homebrew/bin/yarn
      npm: 6.14.13 - /usr/local/bin/npm
    npmPackages:
      @tarojs/components: 3.2.13 => 3.2.13 
      @tarojs/mini-runner: 3.2.13 => 3.2.13 
      @tarojs/react: 3.2.13 => 3.2.13 
      @tarojs/runtime: 3.2.13 => 3.2.13 
      @tarojs/taro: 3.2.13 => 3.2.13 
      @tarojs/webpack-runner: 3.2.13 => 3.2.13 
      babel-preset-taro: 3.2.13 => 3.2.13 
      eslint-config-taro: 3.2.13 => 3.2.13 
      react: ^17.0.0 => 17.0.2 

@florida0723 动画正确的渲染方式如下：

<View className="ani" animation={{
        actions: [this.state.animationData]
      }}
      ></View>

Originally posted by @jiaozitang in https://github.com/NervJS/taro/issues/10448#issuecomment-946328711

[taro-bot2[bot]]

您的 Issue 没有按照规范从 [Taro Issue Helper]() 创建，因此会被直接关闭。

维护开源项目是一项非常辛苦的工作，还请多多包涵。 了解为什么这么严格？