如何使用 React-Native 进行这种转换？

【问题标题】：How to make this transform with React-Native?如何使用 React-Native 进行这种转换？
【发布时间】：2016-09-29 00:42:33
【问题描述】：

我尝试使用 style.transform 属性但是我无法进行转换，没有那么多文档，哭泣...

这是css3代码：

transform: translateZ(-100px) translateX(-24%) translateY(0) 旋转Y(60度);

【问题讨论】：

我自己弄的，见snack.expo.io/HJYvJKI3l

标签： react-native transform

【解决方案1】：

这是一个非常接近的结果：

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

    ],
  }
});

查看完整示例：https://rnplay.org/apps/Qg7Bhg

【讨论】：

@alucard.g rpplay 不再可用，您可以提供替代方案吗？
嗨，我对图像应用了变换。 React-native 中如何在不使用第三方模块的情况下保存转换后的图像