react native 动画(Animations) 一

简单的动画

创建Animated的过程：

创建Animated.Value设置初始值

 //构造函数中初始化一个带动画属性的值用于旋转动画的初始值
    constructor(props) {
        super(props);
        this.state = {
            fadeAnim: new Animated.Value(0),//
        }
    }

AnimatedValue绑定到Style的可动画属性，
比如透明度，{opacity: this.state.fadeAnim}

<Animated.Text style={{opacity: this.state.fadeAnim}}>//绑定到属性
         Welcome to React Native!
</Animated.Text>

3.使用Animated.timing来创建自动的动画

 componentDidMount() {
     this.fadeAnim();
 }
 fadeAnim() {
     Animated.timing(
        this.state.fadeAnim,////初始值
        {toValue: 1} //结束值
      ).start();//开始
  }