Transforms

Moti has a slightly different API for transforms than a normal React Native component.

Rather than using a transform array, we pass the values directly:

// ✅ pass scale, translateY directly
<MotiView
animate={{
scale: 1,
translateY: 5,
}}
/>
// 🚨 not this
<MotiView
animate={{
transform: [{ scale: 1 }, { translateY: 5 }],
}}
/>

By flattening the array, Moti can use an array syntax to power sequence animations.