React-Native在自定义组件中动画

时间:2017-05-12 01:06:27

标签: animation react-native

我用这个道具创建了一个Custome组件: opacity: PropTypes.number, // opacity;

在一个页面中,我使用它来支持动画。 const AnimatedProgress = Animated.createAnimatedComponent(RecorderProgress);

然后,我设置了一个不透明状态。 this.state= { _opacity: new Animated.Value(0)}

并在componentDidMount中设置动画; Animated.timing(this.state._opacity,{ toValue:1, // no-transparent; duration:5000 }).start();

将组件添加到页面: <AnimatedProgress opacity={opacity:this.state._opacity}/>

但是当我运行应用程序时,没有该组件的动画。

我还发现如果我直接在组件的样式中创建不透明度而不是给它一个不透明度道具,那么动画就可以了。 <AnimatedProgress style={{opacity:this.state._opacity}}/>

请让我很困惑,有没有人可以帮助我?谢谢。

0 个答案:

没有答案