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!
Options | Description | Default |
---|---|---|
withBounce | enable/disable bounce effect | true |
duration | How long should it take to slide in. | 250 (ms) |
damping | Controls the magnitude of bounce effect | 10 |
Implementation
import { AnimatedWrapper } from 'react-native-micro-interactions';
return(
<AnimatedWrapper animationTrigger='init' animationType='drop_in'>
<Text>Hello World!!</Text>
</AnimatedWrapper>
)