How to use Animated in Custom Component

[Symous]

I create a Custome Component With these props:

opacity: PropTypes.number, // opacity;

In one page I use this to make it support animate.

const AnimatedProgress = Animated.createAnimatedComponent(RecorderProgress);

then , I set a percentage state.

this.state= { _opacity: new Animated.Value(0)}

and set a animate in componentDidMount;

Animated.timing(this.state._opacity,{
 toValue:1, // no-transparent;
 duration:5000
 }).start();

add the component to page:

<AnimatedProgress opacity={opacity:this.state._opacity}/>

But when I run the app, there is no animation of the component.

I also found that if I create a opacity in style of the component directly, the animation works.

<AnimatedProgress style={{opacity:this.state._opacity}}/>

Please it's very confused me, is there any one who can help me?Thanks.

[jaygarcia]

This type of question is best posted in Stack Overflow.

This book by @browniefed is a really good start.

http://browniefed.com/react-native-animation-book/API.html

[Symous]

I have fixed that which is due to add a setNativeProps(props) method to the custom component.I remove the method and it works as excepted now.