React Native 使用Android应对原生动画崩溃

pieyvz9o  于 2023-02-09  发布在  React
关注(0)|答案(1)|浏览(149)

对这个问题非常沮丧。
我正在设计一个游戏,需要动画。所有的作品与世博会的网页部分罚款。组件如下:

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。
有人能帮我解决这个问题吗?

cwtwac6a

cwtwac6a1#

终于找到了问题的原因:
moveAnimation计算期间出现错误,未定义的值将导致应用程序崩溃,而不是将其视为0。

相关问题