サンプル
Animated でつくった完成済みのパターン。それぞれの横で設定を調整できます。サンプル自体はその値を props として受け取るだけです。
- マグネティックドックポインターが通るとアイコンが大きくなって隣を押しのけ、ポインターが離れると元に戻ります。
moveInputfollowuseAnimatedCSSmultiply - スワイプデッキいちばん上のカードをドラッグしてください。しきい値を越えると飛んでいき、越えなければスプリングで戻ります。
dragInputuseAnimatedListenerAnimated.div - 共有ギャラリータイルが詳細ビューへと大きくなり、グリッドへ縮んで戻ります。
Animated.SceneAnimated.Keepmove - 並べ替えボード行をドラッグして並べ替えるか、フォーカスした行で矢印キーを使います。
useReorder - スクロールストーリースクロールすると、レイヤーがそれぞれ異なる深さで動き、空の色が変わっていきます。
scrollInputuseAnimatedCSSinterpolate - モーションポスターすべての要素がシークできるひとつのタイムライン上のトラックになっている、ループするポスター。
useTimeline