我正在使用react:16.0.0-beta.5和react-native:0.49.3,试图将我的图形旋转180度但是当我按照我的风格传递变换时,所有图形都会消失。
有没有人知道如何实现这一目标?我经常搜索,但没有得到任何合适的解决方案。它在ios中工作,但在android中不起作用。
这是我的代码:
render(): Element {
const transform = []
if (this.props.h > 0) {
transform.push({ rotateZ: "180deg"})
}
const band = {
width: this.props.w,
marginRight: 1,
transform:transform,
}
const graphic = {
position: "absolute",
top: 0,
left: 0,
width: this.props.w,
height: Math.abs(this.props.h),
borderRadius: this.props.w,
backgroundColor: this.props.color,
}
return <View style={band}>
<View style={graphic} />
</View>
}
当我在 const band json中编写变换时,图形会消失,当我删除它时,它会显示图形,但我必须应用变换以在某些条件后旋转图形。如果你看到屏幕截图,ios中有第5张图是倒置的,但是在android中较低,因为之前我已经在平台的基础上实现了它,因为变换使图形消失为android。我也使用了观点但是没有用。