Animation

Reanimated presets for popover and sheet motion.

Motion is driven by a shared Reanimated progress value (0→1). Pick a preset string or pass a config object.

Fade, slide, and scale on popover and sheet

Presets

PresetPopoverSheet
fadeOpacity onlyOpacity only (sheet stays docked)
slide~28px vertical travel + light fadeFull-height slide from bottom
scaleGrow from ~86% + fadeSlide up + scale from ~88%
springSame visuals as scale, spring on openSame visuals as scale, spring on open
noneInstant, no motionInstant, no motion

Defaults: popover → scale, sheet → slide.

Usage

<Dropdown presentation="popover" animation="fade" ... />
<Dropdown presentation="sheet" animation="scale" ... />
<Dropdown
  animation={{ name: 'slide', durationIn: 300, durationOut: 200 }}
  ...
/>