React NativeはJavaScriptで書いたコードがNativeに変換されることから、アニメーションについて果たしてどのくらいのパフォーマンスで、どれくらいのことができるのか?という疑問を抱く方は少なくないようです。 最近、ゲームチックにアニメーションがふんだんに盛り込まれた、昔のパワプロを彷彿とさせるような野球の画面を実装しました。 走塁&アウト実装当初は、操作が重すぎる・大量の前処理や後処理をどこに描くのが適切なのかわからないなど、多くの壁にぶつかったのでその知見をこの記事で共有します。 (開発環境と自宅のネット回線が調子不良のため通信処理が通常より時間かかっていますが実際はもう少しなめらかです) 参照)React component ライフサイクル図constructorアニメーションさせたいコンポーネントはAnimated.Viewを使いました。 このAnimated.V