RotateY does not work on ios

Is this a bug report?

Yes.

Have you read the Contributing Guidelines?

Yes.

Environment

Environment:
  OS:  macOS Sierra 10.12.6
  Node:  8.2.1
  Yarn:  0.27.5
  npm:  5.3.0
  Watchman:  4.9.0
  Xcode:  Xcode 8.3.3 Build version 8E3004b
  Android Studio:  Not Found

Packages: (wanted => installed)
  react: 16.0.0-alpha.12 => 16.0.0-alpha.12
  react-native: 0.48.1 => 0.48.1

Steps to Reproduce

1. create a new react-native app
2. add this to the style of a view component:

<View style={{transform: [{rotateY: '45deg'}]}} >
...
</View>

Expected Behavior

Correct behaviour is to rotate the view around Y axis, which is what we see in the android build. https://ibin.co/3dkJexd90tBA.jpg

Actual Behavior

it sort of scales in Y axis instead of rotating. looks like the transform attribute in the style is not processed well. https://ibin.co/3dkUu8yBvCE9.jpg

Reproducible Demo

https://snack.expo.io/HJYdqtR2Z

[ghost]

@thg303 As a work-around, you can specify a perspective value (before the rotation) to get a similar looking result on both Android and iOS. Note that the perspective needs to be applied prior to the rotation to get the correct results. You can play around with the values, but likely somewhere between 500 and 1000 will give you the effect you’re looking for.

Original code:

transform:[ 
  {rotateY: '45deg'}
]

New code:

transform:[
  {perspective: 500},
  {rotateY: '45deg'}
]

[woowalker]

yes, and what is more, you must place {perspective: 500} before your transform style, otherwise it still not work, i try it hard…