本人使用RN比较晚,错误之处也请大牛指出来。
在公司新项目里面加了一点点动画,就是官方是animated和LayoutAnimation ,今天主要就是说animated精确动画,其余的布局动画如LayoutAnimation 我也没有看,关于手势部分也跳过了,希望帮到需要的人。
使用一个动画首先要知道在哪里需要动画,那个位置是动画的效果。例如,他的left改变,opacity改变,color变化,或者是一个rotate变化等等。
第一步:创建一个动画
初始值并给出一个默认透明度
constructor(props){
super(props)
this.state={
opacity: new Animated.Value(1),
}
}
第二步:以什么方式调用这个效果
在componentdidmount调用timing
componentDidMount(){
Animated.timing(this.state.opacity, {
toValue: 1,
duration:1000,
}).start();
第三步:指定到标签上
谁得什么属性变化
<Animate