react-native-reanimated
Software Mansion製
宣言的にアニメーションを記述できる
高パフォーマンス
デフォルトで UI スレッド上でネイティブに実行される
最大120fps以上
アニメーションをデバイスのセンサーやキーボードに接続できる
docs
各ページにちゃんと動きが書いてて素晴らしいなmrsekut.icon
github
#WIP
Animations
animation modifier
withDelay
withRepeat
withSequence
withClamp
withTiming
withSpring
withDecay
Core
useSharedValue
useAnimatedStyle
useAnimatedProps
useAnimatedRef
useDerivedValue
createAnimatedComponent
cancelAnimation
Scroll
rnr: scrollTo
docs
引数
animatedRef
x
y
animated
useScrollViewOffset
https://docs.swmansion.com/react-native-reanimated/docs/scroll/useScrollViewOffset/
useAnimatedScrollHandler
https://docs.swmansion.com/react-native-reanimated/docs/scroll/useAnimatedScrollHandler/
Device
useAnimatedKeyboard
useAnimatedSensor
スマホを傾けたときにそれに連動してアニメーションするとかできる
useReducedMotion
Layout Animations
Entering/Exiting animations
rnr: Keyframe
Layout transitions
Custom animations
Skipping Layout Animations
Shared Element Transitions
Overview
Threading
runOnJS
runOnUI
createWorkletRuntime
Utilities
rnr: interpolate
clamp
interpolateColor
getRelativeCoords
Advanced APIs
measure
useAnimatedReaction
useFrameCallback
rnr: useEvent
useHandler
useComposedEventHandler
dispatchCommand
setNativeProps
expo
https://docs.expo.dev/versions/latest/sdk/reanimated/
https://docs.expo.dev/develop/user-interface/animation/