Yoga.React.Native.Reanimated

data SharedValue t0

A shared value that lives on both the JS and UI threads.

data UseSharedValue t0 t1

data UseAnimatedStyle t0

data AnimationValue

An opaque animation value used to compose animations (withSpring, withTiming, etc.)

data EasingFunction

Easing function for timing animations

data ExtrapolationType

Extrapolation type for interpolation

useSharedValue :: forall a. a -> Hook (UseSharedValue a) (SharedValue a)

useAnimatedStyle :: (Unit -> Style) -> Hook UseAnimatedStyle Style

readSharedValue :: forall a. SharedValue a -> Effect a

writeSharedValue :: forall a. SharedValue a -> a -> Effect Unit

springTo :: forall r. SharedValue Number -> Number -> Record r -> Effect Unit

timingTo :: forall r. SharedValue Number -> Number -> Record r -> Effect Unit

cancelAnimation :: forall a. SharedValue a -> Effect Unit

withSpring :: forall r. Number -> Record r -> AnimationValue

withTiming :: forall r. Number -> Record r -> AnimationValue

withDecay :: forall r. Record r -> AnimationValue

withDelay :: Int -> AnimationValue -> AnimationValue

withSequence :: Array AnimationValue -> AnimationValue

withRepeat :: AnimationValue -> Int -> Boolean -> AnimationValue

withClamp :: forall r. Record r -> AnimationValue -> AnimationValue

interpolate :: Number -> Array Number -> Array Number -> ExtrapolationType -> Number

reanimatedView :: FFINativeComponent (ReanimatedAttributes ())

reanimatedView_ :: FFINativeComponent_ (ReanimatedAttributes ())

reanimatedText :: FFINativeComponent (ReanimatedAttributes ())

reanimatedText_ :: FFINativeComponent_ (ReanimatedAttributes ())

reanimatedImage :: FFINativeComponent_ (ReanimatedAttributes ())

reanimatedScrollView :: FFINativeComponent (ReanimatedAttributes ())

reanimatedScrollView_ :: FFINativeComponent_ (ReanimatedAttributes ())

animate :: forall a. SharedValue a -> AnimationValue -> Effect Unit

extrapolationClamp :: ExtrapolationType

extrapolationExtend :: ExtrapolationType

extrapolationIdentity :: ExtrapolationType

easingLinear :: EasingFunction

easingEase :: EasingFunction

easingQuad :: EasingFunction

easingCubic :: EasingFunction

easingSin :: EasingFunction

easingCircle :: EasingFunction

easingExp :: EasingFunction

easingBounce :: EasingFunction

easingIn :: EasingFunction -> EasingFunction

easingOut :: EasingFunction -> EasingFunction

easingInOut :: EasingFunction -> EasingFunction

easingBezier :: Number -> Number -> Number -> Number -> EasingFunction

data LayoutAnimation

Layout animation config (e.g. LinearTransition)

data EnteringAnimation

Entering animation config (e.g. FadeIn)

data ExitingAnimation

Exiting animation config (e.g. FadeOut)

linearTransition :: LayoutAnimation

linearTransitionDuration :: Int -> LayoutAnimation

fadeIn :: EnteringAnimation

fadeOut :: ExitingAnimation

fadeInDown :: EnteringAnimation

fadeOutUp :: ExitingAnimation

fadeInDuration :: Int -> EnteringAnimation

fadeOutDuration :: Int -> ExitingAnimation

readValue :: forall a. SharedValue a -> a

Pure read of a shared value's .value — for use inside useAnimatedStyle worklets

type StyleInterp = { extrapolation :: ExtrapolationType, inputRange :: Array Number, outputRange :: Array Number, prop :: String }

Style interpolation config for useInterpolatedStyle. Each entry maps a CSS property name to an interpolation range.

useInterpolatedStyle :: SharedValue Number -> Array StyleInterp -> Hook UseAnimatedStyle Style

Hook that interpolates a shared value into style properties inside a worklet. Use this instead of useAnimatedStyle when you need .value reads to be tracked.

useHeightAnimStyle :: SharedValue Number -> SharedValue Number -> Hook UseAnimatedStyle Style

Animated style that reads height and opacity directly from shared values.