Animations
Drop In

Drop In

A subtle way to initialise a component. This animation is generally used when the component is first initialised. Check out Group Animations to find a better use case for this animation

Animation Options

Customize your animation using these options.

Check Customization for more info!

OptionsDescriptionDefault
withBounceenable/disable bounce effecttrue
durationHow long should it take to slide in.250 (ms)
dampingControls the magnitude of bounce effect10

Implementation

import { AnimatedWrapper } from 'react-native-micro-interactions';
 
return(
    <AnimatedWrapper animationTrigger='init' animationType='drop_in'>
        <Text>Hello World!!</Text>
    </AnimatedWrapper>
)