Jak dokonać tej transformacji za pomocą React-Native?

Staram się używać stylu.atrybut transform ale nie mogę dokonać transformacji, nie ma tak wielu doc , płacze ...

Tutaj wpisz opis obrazka

Oto kod css3:

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

Author: alucard.g, 2016-05-31
Source

1 answers

Oto dość bliski wynik:

Tutaj wpisz opis obrazka

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

    ],
  }
});

Zobacz pełny przykład: https://rnplay.org/apps/Qg7Bhg

 67
Author: Jean Regisser,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2016-05-31 07:56:42