Animated.View 的样式 Prop 的 typescript 定义

Question

我有一个 Props 的组件接口(interface)扩展 ViewProps来自 React Native，即:

export interface Props extends ViewProps {
  // Custom props
}

自然，这扩展了 style支柱。有一个警告，我正在使用 Animated.View并有这样的风格:

style={{
  opacity: animationCharacter.interpolate({
    inputRange: [0, 1],
    outputRange: [0, 1]
  }),
  transform: [
    {
      scale: animationCharacter.interpolate({
        inputRange: [0, 1],
        outputRange: [1.2, 1]
      })
    }
  ]
}}

我认为 interpolate调用与来自 ViewProps 的样式类型不兼容，但没有 AnimatedViewProps我可以延长。

这里有解决方案还是我必须设置 style: any ?

Answer 1

从@types/react-native开始v0.61.9，可以使用Animated.AnimatedProps :
例如 style 属性:

interface Props {
  style?: Animated.AnimatedProps<StyleProp<ViewStyle>>,
}

或获取所有 Prop :

export interface Props extends Animated.AnimatedProps<ViewProps> {
  // Custom props
}