Text Slide Horizontal
The text slides in from the x-axis that gives a cool effect. This animation is also generally run on initialisation.
Animation Options
Customize your animation using these options.
Check Customization for more info!
Options | Description | Default |
---|---|---|
offset | The distance from which the text should slide in | 30 |
duration | How long should it take to slide in. | 100 (ms) |
Implementation
import { AnimatedWrapper } from 'react-native-micro-interactions';
return(
<AnimatedWrapper animationTrigger='init' animationType='text_slide_horizontal'>
<Text>Hello World!!</Text>
</AnimatedWrapper>
)