Come eseguire questa trasformazione con React-Native?

Question

Io cerco di usare l'attributo style.transform ma non riesco a fare la trasformazione, non c'è così tanti doc, piangendo ...

ecco il codice css3:

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

Answer 1

Qui è un risultato molto vicino:

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

    ], 
    } 
}); 

Vedere tutta l 'esempio: https://rnplay.org/apps/Qg7Bhg