变换不适用于android,但适用于ios- rect native

时间:2017-12-06 13:35:20

标签: react-native react-native-android

我正在使用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。我也使用了观点但是没有用。

enter image description here

0 个答案:

没有答案