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