reactjs - 变换上的布局动画

Question

我在 Android 上使用 React Native 0.30。我正在尝试在转换属性上应用布局动画，例如:

transform: [
  { scale: scaleSize },
  { rotateY: rotation }
]

但是，它并没有以某种方式进行动画处理。 left 或 right 等其他属性是动画的。我做错了什么吗？还是不能使用 Layout Animation 为转换属性设置动画？

Answer 1

对于比例动画，需要使用自定义动画。

LayoutAnimation.configureNext({
  duration: 700,
  create: {
    type: LayoutAnimation.Types.linear,
    property: LayoutAnimation.Properties.scaleXY,
  },
  update: {
    type: LayoutAnimation.Types.spring,
    springDamping: 0.4,
  },
  delete: {
    type: LayoutAnimation.Types.linear,
    property: LayoutAnimation.Properties.scaleXY,
  },
}

示例:https://rnplay.org/apps/JbdOpQ和 https://github.com/vinceyuan/ReactNativeOpacityBugDemo