对这个问题非常沮丧。
我正在设计一个游戏,需要动画。所有的作品与世博会的网页部分罚款。组件如下:
return ( <TouchableWithoutFeedback onPress={selectTarget}>
<Animated.View
style={{
width: 50,
height: 50,
backgroundColor: 'yellow',
zIndex: 2,
position: 'absolute',
alignItems: 'center',
justifyContent: 'center',
**transform: [
{ translateX: moveAnimation.x },
{ translateY: moveAnimation.y },
],**
elevation: 2,
left: 0,
top: 0,
}}>
<Image style={[imageStyle]} source={imagesAssets[color]} />
</Animated.View>
</TouchableWithoutFeedback> );
然而,它在Android上崩溃(与iOS罚款),错误如下:更新由以下管理的视图的“transform”时出错:RCT视图
如果我注解掉转换位,它运行良好。
由于性能问题,我在动画配置中添加了useDeviceDriver:true,因此我必须使用transform。
有人能帮我解决这个问题吗?
1条答案
按热度按时间cwtwac6a1#
终于找到了问题的原因:
moveAnimation计算期间出现错误,未定义的值将导致应用程序崩溃,而不是将其视为0。