UIExplorer: Rotate transforms not working on macOS 10.14

ptmt / react-native-macos

[deprecated in favor of https://microsoft.github.io/react-native-windows/] React Native for macOS is an experimental fork for writing desktop apps using Cocoa

MIT License

11.25k stars 429 forks source link

UIExplorer: Rotate transforms not working on macOS 10.14 #206

Closed brunolemos closed 6 years ago

brunolemos commented 6 years ago

Is this a bug report?

Yes

Have you read the Contributing Guidelines?

Yes

Environment

Environment: OS: macOS Sierra 10.14 Beta Node: 8.11.1 Yarn: 1.7.0 npm: 6.1.0 Watchman: 4.90 Xcode: Xcode 10 Android Studio: 3.1

Packages: (wanted => installed) react-native: 0.56 react: 16.4

Target Platform: macOS (10.4)

Steps to Reproduce

Open UIExplorer
Open Transforms tab

Pagebakers commented 6 years ago

Can't get this to work on 10.13.6 either.

Also the anchor points for libart are being reset to 0.0, so it's not possible to animate from the center point.

These two issues are related to High Sierra's stricter view layer policy.

ptmt commented 6 years ago

Added a workaround for 0.18.0-alpha.7

ex3ndr commented 6 years ago

in alpha.6 there are still a problems with scaleY: -1. It seems it uses zero anchor points instead of a center.

ptmt commented 6 years ago

Could you combine that with translate? Anyway I think it could be fixed in the core, if it's default RN iOS behavior