negative value of property transform doesn't work on some android 7.0 devices.

RN version: “0.41.2” devices: FRD-AL10（honor 8） EMUI:5.0 android: 7.0 MHA-AL00(Mate9) EMUI:5.0 android:7.0

On some android device mentioned before , negative value of transform(e.g… scaleX scaleY ) doesn’t work. i found this problem when i’m using the package of react-native-invertible-scroll-view. It write like this:

let styles = StyleSheet.create({
  verticallyInverted: {
    flex: 1,
    transform: [
      { scaleY: -1 },
    ],
  },
  horizontallyInverted: {
    flex: 1,
    transform: [
      { scaleX: -1 },
    ],
  },
});

but when i use scaleY which is deprecated directly, like this:

let styles = StyleSheet.create({
  verticallyInverted: Platform.select({
    ios: {transform: [{ scaleY: -1 }]},
    android: {scaleY: -1},
  }),
  horizontallyInverted: Platform.select({
    ios: {transform: [{ scaleX: -1 }]},
    android: {scaleX: -1},
  }),
});

it worked!
Guess there is some thing wrong when get property from transform in native code, Any ideas how does this fix?

[yury]

Confirm at RN 0.43.2 Huawei OS7.0 P10. VTR-L09/VTR-L29

Doesn’t work with transform, works with deprecated.

[ptomasroos]

This is a real case reported by various user by us as well.