如何在TouchableOpacity中旋转图像

Question

我试图在TouchableOpacity元素中旋转图像。我的代码在iOS上运行得很好，但在android上却不起作用。

我的守则：

<View style={commonStyle.topArea}>
    <TouchableOpacity>
        <Image
        resizeMode="stretch"
        source={this.props.playerHand[0].image}
        style={[
            commonStyle.card,
            { transform: [{ rotate: '-10deg' }] },
        ]}
        />
    </TouchableOpacity>
    <TouchableOpacity>
        <Image
        resizeMode="stretch"
        source={this.props.playerHand[1].image}
        style={[commonStyle.card, { transform: [{ rotate: '0deg' }] }]}
        />
    </TouchableOpacity>
    <TouchableOpacity>
        <Image
        resizeMode="stretch"
        source={this.props.playerHand[2].image}
        style={[commonStyle.card, { transform: [{ rotate: '10deg' }] }]}
        />
    </TouchableOpacity>
</View>

结果

这是输出

Answer 1

Android不支持过多的视图。您可以增加容器的大小。增加旋转的触觉不透明度，而不是图像，并添加flex:1到您的“顶部区域”。