Transform::rotate on Android: "Value for value cannot be cast from String to Double"

[itinance]

Environment

  React Native Environment Info:
    System:
      OS: macOS 10.14.2
      CPU: (8) x64 Intel(R) Core(TM) i7-7920HQ CPU @ 3.10GHz
      Memory: 381.37 MB / 16.00 GB
      Shell: 5.0.2 - /usr/local/bin/bash
    Binaries:
      Node: 10.11.0 - /usr/local/bin/node
      Yarn: 1.13.0 - /usr/local/bin/yarn
      npm: 6.5.0 - /usr/local/bin/npm
      Watchman: 4.9.0 - /usr/local/bin/watchman
    SDKs:
      iOS SDK:
        Platforms: iOS 12.1, macOS 10.14, tvOS 12.1, watchOS 5.1
      Android SDK:
        API Levels: 23, 24, 25, 26, 27, 28
        Build Tools: 23.0.1, 25.0.0, 25.0.1, 25.0.2, 25.0.3, 26.0.1, 26.0.2, 26.0.3, 27.0.0, 27.0.3, 28.0.0, 28.0.3
        System Images: android-27 | Google APIs Intel x86 Atom
    IDEs:
      Android Studio: 3.3 AI-182.5107.16.33.5199772
      Xcode: 10.1/10B61 - /usr/bin/xcodebuild
    npmPackages:
      react: 16.5.2 => 16.5.2
      react-native: 0.57.3 => 0.57.3
    npmGlobalPackages:
      create-react-native-app: 1.0.0
      react-native-cli: 2.0.1
      react-native-git-upgrade: 0.2.7

Description

The following code works well on iOS, but not on Android:

const s = StyleSheet.create({
    curvedLineLeft: {
      transform: [{ rotate: '90deg' }, { scale: 1.6 }],
      position: 'absolute',
      left: -(width / 35),
      top: 31 + 91
    },
// ....

It produces "Value for value cannot be cast from String to Double"

Even if i pass a double for rotate like `rotate: 3.14196/4` it complains that it needs a string and not a double.

[react-native-bot]

It looks like you are using an older version of React Native. Please update to the latest release, v0.58 and verify if the issue still exists.

The "Resolution: Old Version" label will be removed automatically once you edit your original post with the results of running react-native info on a project using the latest release.

[jeronnex2]

having the same problem.

this is my line of code

<TouchableOpacity style={{position:'absolute', right:40, top: 80, transform: [{rotate: '90deg'}] }}>

it is displaying but when you touch the icon, it'll display the error value for value cannot be cast from string to double.

[pbfrias17]

same issue. "react": "16.6.1", "react-native": "0.57.7"

[iRayan7]

Same here. "react": "16.6.1", "react-native": "0.57.7"
Was using transform: [{ rotateY: '180deg' }] to flip an icon and that caused the error, had to use transform: [{ scaleX: -1 }] instead to fix it.

[svegan]

In this issue fix with changingTouchableOpacity to TouchableHighlight has helped me.

[rohanx96]

Facing the same issue on React Native 0.57.5
Applying rotation transform to TouchableOpacity causes this error to show when clicked.
TouchableHighlight works though.

[MoKhajavi75]

I can confirm it's still an issue in "react-native": "0.57.8"

[birendra-90]

I can confirm it's still an issue in "react-native": "0.58.0"