Javascript '；歪斜'；转换isn'；t工作不正常

skewY在React Native上没有按预期工作，似乎应用了2D旋转而不是skew变换

我的渲染方法：

<View style={styles.container}>
  <View style={styles.background}>
    <Image style={styles.bgImage}
           source={require('../assets/live_betting.png')} />
  </View>
  <View style={styles.placeholder} />
  <View style={styles.overlay}
      onClick={this.navigateToGame()}>
  </View>
</View>

结果是：

我错过什么了吗

编辑 似乎所有的react原生变换都是3D变换，但在本例中没有合适的SkewZ变换

const styles = StyleSheet.create({
  container: {
    flex: 1,
    flexDirection:'column',
    backgroundColor: '#F5FCFF'
  },
  background : {
    position: 'absolute',
    top:0,
    left:0,
    right:0,
    bottom:0
  },
  bgImage: {
    alignSelf : 'center'
  },
  placeholder : {
    flex: .75
  },
  overlay : {
    flex: .25,
    backgroundColor: 'rgba(249,168,37,0.7)',
    transform: [{skewY: '10deg'}]
  }
});