typescript - React Native/Typescript/Eslint 错误 : Type 'void' is not assignable to type 'CompositeAnimation'

Question

我是 typescript 的新手。 linter 已经能够为我快速修复，但以下代码部分没有提供可供 linter 修复的快速操作:

问题消息是“类型‘void’不可分配给类型‘CompositeAnimation’.ts(2322)”

Animated.parallel([
     Animated.spring(this.position, {
         toValue: ({ x: 0, y: 0 }),
     }).start(),
     Animated.spring(this.swipeCardPosition, {
         toValue: ({ x: 0, y: -SCREEN_HEIGHT }),
     }).start(),
]).start();

Answer 1

我认为问题在于 Animated.parallel() 方法接受一个复合动画对象数组。 Animate.spring() 返回一个复合动画对象，但是您对这两个动画都调用了 start() 方法，它的返回类型为 void。

尝试下面的代码，我认为它应该相应地工作:

Animated.parallel([
 Animated.spring(this.position, {
     toValue: ({ x: 0, y: 0 }),
 }),
 Animated.spring(this.swipeCardPosition, {
     toValue: ({ x: 0, y: -SCREEN_HEIGHT }),
 }),
]).start();

请注意，我没有启动 Spring 动画，我只是启动了包含两个 Spring 动画的“根”动画。

希望对您有所帮助。