Because I’ve been learning react-Native animations lately. There’s a lot of rotation in there. Transform looks stunned when he sees this property. Because I can’t. So LET me write that down. Ha ha. If the same as I will not, the suggestion to write a manual know ~

##1. Four morphing styles #####1.

  • TranslateX: translation along the x axis
  • TranslateY: translation along the y axis

    Note: The value here is of type number and if you want to go the other way you can set it to a negative value

#####2. Scale

  • ScaleX: zoom in along the x axis
  • ScaleY: Zoom in along the y axis
  • Scale: Zoom in on both the X and y axes

Note: The value here is of type number and if you set it negative it will go the other way try it yourself

#####3. Rotate

  • RotateX: rotation along the X-axis
  • RotateY: rotate along the y axis
  • RotateZ: rotate along the z-axis
  • Rotate: Does not specify axis rotation

    Note: The values on this side are types and the units on this side are deg

#####4. Skew

  • SkewX: skews along the X axis
  • SkewY: skews along the Y-axis

    Note: The value here is string and the unit here is deg

Write an array with multiple objects in it

  transform: [{skewX: "40deg"},{scale:2}]
Copy the code

All right, there we go. Pulled ~