React Native animation，渲染错误：无效转换 scaleDisliked: { "scaleDisliked":1 }

Question

在我的本机反应应用程序中，我想将 transform:scale 应用于 Animated.View 组件，我正在使用插值来实现这种效果，但出现以下错误：

Render error: Invalid transform scaleDisliked: { "scaleDisliked":1 }

我的完整代码：

const animationDisliked = useRef(new Animated.Value(0)).current;
  const inputRangeDisliked = [0, 1];
  const outputRangeDisliked = [1, 0.8];
  
  //const scaleDisliked = animationDisliked.interpolate({inputRangeDisliked, outputRangeDisliked});

  const scaleDisliked = animationDisliked.interpolate({inputRange: inputRangeDisliked, outputRange: outputRangeDisliked});


<Animated.View  style={{ transform: [{scaleDisliked}],elevation:10,position:'absolute',right:10,width:95,height:95,borderRadius:95/2,backgroundColor:'white' }}>
                
                </Animated.View>

知道为什么我会收到这个错误吗？

Answer 1

转换列表中的 object 缺少转换键，具体为：

<Animated.View
  style={{
    transform = [
      {
        scale: scaleDisliked
      }
    ],
    // ...
  }}>
</Animated.View>