Text Shake Effect In React Native

WrathChaos First listed on September 3, 2021

Description:

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

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;
}