This is good for text components that don't often look good when stretched. If layout is set to 'position', only its position will animate.
Otherwise, set them directly via the initial prop. To correct distortion on immediate children, add layout to those too.īoxShadow and borderRadius will automatically be corrected if they are already being animated on this component. This can introduce visual distortions on children, boxShadow and borderRadius. Part of this technique involved animating an element's scale.
This will perform a layout animation using performant transforms. If true, this component will automatically animate to its new position when its layout changes. } Copy export const M圜omponent = () => #Layout animation # layout: boolean | 'position' | 'size'
