Text Shake Effect In React Native

An easy React Native component that applies a subtle shake animation to the text such as error messages in a form.

How to use it:

1. Import the ShakeText component.

import ShakeText from "react-native-shake-text";

2. Add the text to be shaken. That’s it.

<ShakeText>Shake Text</ShakeText>

3. Props.

interface IProps {
  style?: any;
  duration?: number;
  animationValue?: number;
  TextComponent?: any;
}

Preview:

Text Shake Effect In React Native

Download Details:

Author: WrathChaos

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/WrathChaos/react-native-shake-text

License: MIT

You Might Be Interested In:

Add Comment