How to make this transform with React-Native?
i try to use style.transform attribute but i can't make the transform, there is not so many doc , crying ...
here is the css3 code:
transform: translateZ(-100px) translateX(-24%) translateY(0) rotateY(60deg);
Here is a pretty close result:
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'},
],
}
});
See full example: https://rnplay.org/apps/Qg7Bhg