AnimatedCircularProgress

使用环形组件的时候跟老师使用方法一致，报了一个错，不知道什么原因

报了一个类型不兼容

类型“{ children: Element; }”与类型“IntrinsicAttributes & Pick<ClassAttributes<Progress> & IProps, "ref" | "key">”不具有相同的属性。ts(2559)

使用方法如下

const mapStateToProps = ({player}: RootState) => {
    return {
        currentTime: player.currentTime,
        duration: player.duration
    }
}

const connector = connect(mapStateToProps)

type ModelState = ConnectedProps<typeof connector>

interface IProps extends ModelState {}

class  Progress extends React.PureComponent<IProps> {
    render() {
        const { children,currentTime,duration } = this.props
        const fill =duration ? (currentTime / duration ) * 100 : 0
        return (
            <AnimatedCircularProgress size={40} width={2} tintColor='#f86442' backgroundColor="#ededed" fill={fill}>
                {() => <>{children}</>}
            </AnimatedCircularProgress>
        )
    }
}

调用的时候

<Progress>
      <Animated.View style={[{transform: [{rotate: this.rotate}]}]}>
      {
          thumbnailUrl ? (<Image source={{uri: thumbnailUrl}} />) : (<Icon name="iconplay" color="#ededed" size={40} />)
      }
      </Animated.View>
</Progress>