react native - ¿Cómo hacer esta transformación con React-Native?

react navigation

Question

Intento usar el atributo style.transform pero no puedo hacer la transformación, no hay tantos documentos, llorando ...

Aquí está el código css3:

transform: translateZ (-100px) translateX (-24%) translateY (0) rotateY (60deg);

Answer 1

Aquí hay un resultado bastante cercano:

render() {
  return (
    <View style={styles.container}>
      <View style={styles.child} />
    </View>
  )
},

var styles = StyleSheet.create({
  container: {
      backgroundColor:''green'',
      flex: 1,
  },
  child: {
    flex: 1,
    backgroundColor: ''blue'',
    transform: [
      { perspective: 850 },
      { translateX: - Dimensions.get(''window'').width * 0.24 },
      { rotateY: ''60deg''},

    ],
  }
});

Vea el ejemplo completo: https://rnplay.org/apps/Qg7Bhg