React Nativeでアニメーションさせる基本を理解する - Qiita

React Nativeにおいて現時点でメジャーなAnimationの方法は２つあります。 https://facebook.github.io/react-native/docs/animations.html AnimatedとLayoutAnimationです。 Animated timing, spring, decay 変化させる変数をnew Animated.Valueで定義します。 Animated.springなどに上記変数を渡すことでアニメーションさせられます。 this.state = { yellowScale: new Animated.Value(1) }; // ... Animated.spring( this.state.yellowScale, { toValue: this._yellowScale - 0.1, friction: 1, } ).sta