title: 'skewY' transform isn't working properly
body: <p>skewY isn't working as expected on React Native, it seems that instead of skew transform - 2D rotation is applied.</p>
  <p>My render method:</p>
  <pre><code>&lt;View style={styles.container}&gt;
    &lt;View style={styles.background}&gt;
      &lt;Image style={styles.bgImage}
             source={require('../assets/live_betting.png')} /&gt;
    &lt;/View&gt;
    &lt;View style={styles.placeholder} /&gt;
    &lt;View style={styles.overlay}
        onClick={this.navigateToGame()}&gt;
    &lt;/View&gt;
  &lt;/View&gt;
  </code></pre>
  <p>Style sheet:</p>
  <pre><code>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'}]
    }
  });
  </code></pre>
  <p>This is the result:</p>
  <p><a href="https://i.stack.imgur.com/FirbQ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FirbQ.png" alt="enter image description here" /></a></p>
  <p>Am I missing something?</p>
  <h2>EDIT</h2>
  <p>It seems that all react native transforms are 3D transformations, but there isn't SkewZ transform which in this case would be proper.</p>