Comment faire de cette transformation avec Réagissent-Natif?

j'essaie d'utiliser le style.l'attribut transform
mais je ne peux pas faire de la transformation, il n'y a pas beaucoup de doc , pleurer ...

Comment faire de cette transformation avec Réagissent-Natif?

voici le code css3:

transformer: translateZ(-100px) translateX(-24%) translateY(0)
rotateY(60 degrés);

InformationsquelleAutor alucard.g | 2016-05-31
  1. 94

    Ici est assez proche de résultat:

    Comment faire de cette transformation avec Réagissent-Natif?

    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'},

    ],
  }
});

    Voir l'exemple complet: https://rnplay.org/apps/Qg7Bhg

    • oh mon dieu ! vous pouvez sauver ma vie ! merci beaucoup ! je vais en faire une animation
    • je l'ai fait ! rnplay.org/apps/pBrrUg
    • rpplay n'est plus disponible, pouvez-vous fournir d'autres à cela?
    • voir mon code ici collation.expo.io/HJYvJKI3l
    • merci
    InformationsquelleAutor Jean Regisser